Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS的平行列表项的等高_Css_List - Fatal编程技术网

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

使用CSS的平行列表项的等高,css,list,Css,List,我有这种情况 根据文本长度,按钮高度会发生变化。当它这样做时,我希望它的平行按钮高度等于第一个按钮的高度(不是所有按钮,而是仅其平行按钮) 我会用两种方法中的一种来实现这一点——要么使用jQuery(-注意,您需要将每个按钮对包装在自己的ul——如果不这样做,jQuery会更复杂)要么通过欺骗和在背景图像中添加内容来实现,这可以再次实现,通过将每个按钮对包装在自己的ul中,并放入包含垂直线的背景图像中进行包装,然后通过添加带有图形端点封口的起始和结束li元素来“封口”每列 我知道你只想使用CSS

我有这种情况


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

我会用两种方法中的一种来实现这一点——要么使用jQuery(-注意,您需要将每个按钮对包装在自己的
ul
——如果不这样做,jQuery会更复杂)要么通过欺骗和在背景图像中添加内容来实现,这可以再次实现,通过将每个按钮对包装在自己的
ul
中,并放入包含垂直线的背景图像中进行包装,然后通过添加带有图形端点封口的起始和结束
li
元素来“封口”每列


我知道你只想使用CSS,但我想不出一个办法。你可以做一些事情,包括仔细平衡最大高度、最小高度和高度。。。但我现在想不出这是怎么回事。

看看这个问题,也许会有帮助。OP需要具有相同高度但有边框的列。。。我相信Javascript将是最好的答案here@Arkana我以前检查过所有这些例子,但我没有发现类似的情况。@Doug我想这很容易。但是我只想用CSS来做,你需要生成多个表行,要做到这一点,你需要改变HTML来实现类似于@Doug提供的答案,这就是为什么我要问,我们可以改变HTML吗?