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

Question

我正在尝试在 html 中使用 ul 标签创建一个 TableView 。在链接中，我使用了两个 li 标签来创建两列。我用两张图片来展示 li 标签、列点和行点所使用的空间。我提供了 html、css 和两个图像文件。

图片

index.html -> http://pastebin.com/d8nq8pfr
样式.css -> http://pastebin.com/V7iR3ZqE

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

所以我的问题是，有什么方法可以使两个高度相同(显然应该考虑最高的高度；))？

Answer 1

如果这是表格数据，它应该在表格中。您可以使其他元素表现得像表格一样，但有一些限制(没有行跨度/列跨度等):

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

这在 IE7 或更早版本中不起作用。