Css 动态调整ui标记的高度，html

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

图像

index.html->
style.css->

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

所以我的问题是，有没有办法使两个高度相同（显然，最高的应该被认为是相等的高度；）？

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

---

<>这在IE7或更高版本中不起作用。

认真考虑这是否是表格数据-如果是的话，使用<代码> <代码>、<代码> <代码>、<代码> <代码>等。表不是邪恶的，它们不应该用于不是表的东西。“桌子”这个词有一个相当宽泛的定义。。。即使使用它们来构造表单也没有错（尽管可能有点语义灰色区域）

但是，如果您确定这在语义上确实是一个无序列表，则可以使用“表格”显示元素，方法是将

显示：表格

、

显示：表格行

和

显示：表格单元格

样式应用于可能是

的元素，

和

元素。有关完整的值集，请参见该链接。更老的浏览器（IE7和更早版本）不支持这些功能

---

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

我上传了另外两张图片，它们在这里不可见，但如果你想在你的机器中尝试（点），你需要它（点）。这里是这些文件（点\列）（点行）出于好奇，如果内容适合这样的显示，为什么不使用表格？这样可以更容易地垂直对齐内容并在语义上更具意义。我不相信这是表格数据，使用提供的示例很难分辨。此外，不需要背景图像：

边框：1px点

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