Question

任何人都有任何想法如何实现这一目标我想要这个效果

<table>
  <tr><td width=100></td><td width=100></td></tr>
</table>

我可以用浮点数或绝对位置来做，但可以在没有这两个的情况下完成吗？

Answer 1

使用内联显示的列表，修复边距和填充，它应该运行良好。如果您想稍后扩展，这将允许您拥有更多的两列。

<ul>
<li>First column</li>
<li>Second Column</li>
</ul>

CSS

li
{
display:inline;
}

不要忘记留出足够的边距/填充以使其看起来更好。

Answer 2

<div style="display:table;">
    <div style="display:table-cell;"></div>
    <div style="display:table-cell;"></div>
</div>

当然除了IE

Answer 3

找到了解决方案 css3有一个解决方案-moz-column-count：2; -webkit-column-count：2;但尚未获得广泛支持

Answer 4

表只应用于表格信息，应避免使用表格来创建布局，而应使用基于DIV的布局。 See my answer here 了解详情。既然你已经要求一个解决方案没有浮动，位置（这意味着div），我们剩下的唯一选择就是表，所以这里是你如何继续创建基于两列布局的表

 <table width="60%" border="1" align="center">
 <tr>
  <td width="50%" align="left">
    <table>
      <tr>
        <td>Colume One</td>
      </tr>
    </table>    
  </td>

  <td width="50%" align="left">
    <table>
      <tr>
        <td>Colume Two</td>
      </tr>
    </table>    
  </td>

 </tr>
</table>

同样，使用表格进行布局并不是一个好主意：）

css中的2列布局没有浮点数，位置绝对

4 个答案: