适合列大小html

时间:2013-05-27 08:08:30

标签: html html-table

我一直在四处寻找,但是关于表格的信息太多,这就是为什么我找不到答案。

我需要2个菜单,但顶部对齐相同。如果我在每列上放置不同的内容,则每列的高度不同。我尝试在td标签,表标签,修改填充和边距样式中设置高度,但没办法。

我需要做50多个菜单,所以我希望你能告诉我一个不是<td height="150px">或类似的解决方案,我需要通过保证金解决方案。接近模板的东西。

代码: http://jsfiddle.net/3zqLT/1/

<table border="1"><tr><td>

<table><tr><td>
    Menu 1
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td><td>

<table height="100%"><tr><td>
Menu 2
<ul>
<li>Item</li>
<li>Item</li>
</ul>

</td></tr></table>

</td></tr>
</table>

我该怎么做?

希望你能帮助我。

编辑:我之所以使用桌子是因为我需要一些相同高度的菜单,从左到右,而不是从上到下。

编辑:我找到了一个div和没有表的解决方案。但是我想知道如何用表来解决这个问题。

1 个答案:

答案 0 :(得分:1)

添加以下CSS代码似乎有所帮助。

td {
  vertical-align: top;
}

如果你有新的CSS,here有关如何实现CSS的一些阅读。