使用CSS的并行列表项的高度相等

Question

我有这种情况click here

根据文字长度，按钮高度变化。当它发生时，我希望它的平行按钮高度等于第一个按钮的高度（不是所有按钮，只有其并行按钮）。

Answer 1

我会用两种方法之一来解决这个问题 - 使用jQuery（fiddle - 注意你需要将每个按钮对包装在它自己的ul中 - 如果你不这样做的话jQuery会更复杂）或者在背景图像中作弊和丢弃，这会产生你所追求的效果 - 这可以通过将每个按钮对包装在自己的ul中并放入一个包含垂直线以包裹它们的背景图像 - 然后您可以通过添加带有图形端盖的起始和结束li元素来“封闭”每列。

我知道你只想使用CSS，但我想不出可行的方法。你可能会做一些事情，包括仔细平衡最大高度，最小高度和身高......但是我想不出那会如何起作用。