动态调整ui标签的高度，html

Question

我正在尝试使用html中的ul标签创建表格视图。在链接中我使用了两个li标签来创建两列。我使用了两个图像来显示li标签，列点和行点使用的空格。我提供了html，css和两个图像文件。

图像

index.html - ＆gt; http://pastebin.com/d8nq8pfr
style.css - ＆gt; http://pastebin.com/V7iR3ZqE

现在，如果您看到由提供的文件创建的布局，您可以看到表格布局的第二行具有不规则的高度。两个高度都来自不同的ul标签。

所以我的问题是，有什么方法可以使两个高度相同（显然最高应该被认为是相同的高度;））？

Answer 1

如果这是表格数据，它应该在表格中。您可以使其他元素的行为类似于具有某些限制的表（没有rowspans / colspans等）：

#title1, #title2 {
    display: table-cell;
}

这在IE7或更早版本中无效。

Answer 2

认真考虑这是否是表格数据 - 如果是，请使用<table>，<tr>，<td>等。表格不是邪恶的，它们不应该用于不是桌子的东西。 “table”这个词有一个非常宽泛的定义......即使用它们来构造表单也不是不正确的（虽然可能是一个语义灰色区域）。

但是，如果您在语义上确定这确实是无序列表，则可以使用CSS table model通过应用display: table，display: table-row和{{1来“显示”表格“元素”元素的样式分别可以是display: table-cell，<table>和<tr>元素。查看完整值集的链接。大多数浏览器都不支持这些（IE7及更早版本）。

如果你必须支持IE7（甚至，上帝禁止，IE6），你将不得不求助于列布局模式，这些模式在互联网上有数以千计的专门文章。