jquery - 使列中的 2 个链接高度相同？

Question

我有一个设置，在页面上有一个无序列表 x <li><a href="#">Link text</a></li>.

它们通过 CSS 分别设置为 50% 宽度，因此我在每行上有 2 个元素。我的问题是一行上有 2 个链接，高度可能会有所不同，因为它们具有不同的链接文本。我的问题是；我如何通过 jQuery 在同一行上为每个设置相同的高度(a 是带有底部边框的样式，所以如果它们排列在一起看起来最好)？但并非所有部分都应具有相同的高度，只能以“pr 行”为基础。

希望它有意义:)

Answer 1

您要实现的是具有可变行高 的网格布局。在 HTML 中唯一的方法是使用表格元素。

如果你真的想这样做，你将不得不在结果的美丽祭坛上牺牲你的标记的语义。

您应该做的是创建一个包含两列的表格，并将您以前的 li 元素的内容放入表格的 td 元素中。使用 td 的垂直对齐属性及其样式属性来满足您的设计需求。