css - 使用 CSS 的平行列表项的等高

Question

我有这种情况 点击这里

根据文本长度，按钮高度会发生变化。当它这样做时，我希望它的平行按钮高度等于第一个按钮的高度（不是所有按钮，而是只有它的平行按钮）。

Answer 1

我会以两种方式之一来解决这个问题 - 要么使用 jQuery（小提琴- 请注意，您需要将每个按钮对单独包装起来ul- 如果您不这样做，jQuery 会更复杂）或作弊并加入一个背景图像，它给出了你所追求的效果 - 这可以再次通过将每个按钮对包裹在它自己ul中并放入包含垂直线的背景图像来包裹它们 - 然后你可以“关闭”每个按钮通过添加li带有图形端盖的开始和结束元素来创建列。

我知道您只想使用 CSS，但我想不出可以做到的方法。您可能可以做一些事情，包括仔细平衡最大高度、最小高度和高度……但我现在想不出这将如何工作。