Question

我试图将html片段添加到现有的html页面。我试图在TD中使用DIV，然后显示：DIV的内联css属性，不按预期工作。有什么理由吗？

<table>
    <tr>
        <td width="20%" class="oddrow"></td>
        <td  width="80%" class="oddrow-l">
            <div style="display: inline;"> Hello</div>
            <div style="display: inline;"> 
                Hiii
            </div>
        </td>
   </tr>
</table>

Answer 1

您必须为表格设置宽度：

table {
   width: 100%;
}

http://codepen.io/anon/pen/LKizB

Answer 2

添加你的显示：内联到td样式。 http://jsfiddle.net/v5Ld3/

<table>
    <tr>
        <td width="20%" class="oddrow"></td>
        <td  width="80%" class="oddrow-l" style"display: inline">
            <div style"display: inline">Hello</div>
            <div style"display: inline">Hiii</div>
        </td>
    </tr>
</table>

Answer 3

使用<span>代替<div>。另外，正如其他人提到你的表，也没有定义宽度，所以他们将使用尽可能小的宽度。无论如何span都是内联的，可以改变它。

如果您不希望整个表格为width: 100%，则可以为有问题的列设置宽度。

display：inline在a中使用时表现不同

3 个答案: