Question

我有以下html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    </head>
<body>

    <table style="margin: 250px; width: 200px; height: 100px; background-color: Yellow; table-layout: fixed;">
        <tr>
            <td>
                <div style="margin: auto auto auto -50px; background-color: Green; width:100px; height:50px;">L</div>
                <div style="margin: auto -50px auto auto; background-color: Green; width:100px; height:50px;">R</div>
            </td>
        </tr>
    </table>
</body>
</html>

我想用R＆amp; L使用JS在同一行，我该怎么做？

Answer 1

只需添加＆＃34; float：left;＆＃34;到方框L的style属性并添加＆＃34; float：right;＆＃34;到框R

上的style属性

然后添加valign =＆＃34; top＆＃34;在td标签处。如果您希望它与顶部对齐，则为框的父标记。

见下面的代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

</head>
<body>

    <table style="margin: 250px; width: 200px; height: 100px; background-color: Yellow; table-layout: fixed;">
        <tr>
            <td valign="top">
                <div style="float:left;margin: auto auto auto -50px; background-color: Green; width:100px; height:50px;">L</div>
                <div style="margin: auto -50px auto auto; background-color: Green; width:100px; height:50px;float:right;">R</div>
            </td>
        </tr>
    </table>
</body>
</html>

Answer 2

添加css样式“float:left;”。它会解决这个问题。

Answer 3

您可以使用css display: inline-block。请注意，这在较旧的浏览器版本中不起作用。

或者，您可以使用float: left。

Answer 4

<div style="margin: auto auto auto -50px; background-color: Green; width:100px; height:50px; float:left;">L</div>
<div style="margin: auto -50px auto auto; background-color: Green; width:100px; height:50px; float:left;">R</div>

Answer 5

您可以将css float: left仅添加到DIV L;

或者您可以将Css float: left添加到DIV L，将float: right添加到DIV R.

最终，这取决于你在这里想要达到的目标。

Table Cell中的Div强制一行

5 个答案: