0

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

我需要 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 而没有表格的解决方案。但我想知道如何用表格解决这个问题。

4

1 回答 1

1

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

td {
  vertical-align: top;
}

如果你有任何机会接触 CSS,这里有一些关于如何实现 CSS 的阅读。

于 2013-05-27T08:50:47.247 回答