把桌子变成div

Question

有这个代码我想变成div，试图让内容并排显示，但是在div中：

<table class="style1">
    <tr>
        <td class="style2">content left</td>
        <td class="style5">content right</td>
    </tr>
</table>

Answer 1

Alan Kael Ball的答案是对的，但你也可以使用“display：table-cell”

More info about display you can find here!

Answer 2

为流体布局执行此操作的一种方法是使用包装在容器中的浮动元素。

<div class="style1">
    <div class="style2">Left</div>
    <div class="style5">Right</div>
</div>

假设有类似的标签汤和流畅的布局，css如下：

.style1 {  overflow:auto; position:relative; }
.style2 { float:left; }
.style5 { float:right; }

或者，如果您希望它们一起网格化，请同时创建两个元素float:left;