Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Html 在单列和多列中垂直显示列表项_Html_Css - Fatal编程技术网

Html 在单列和多列中垂直显示列表项

Html 在单列和多列中垂直显示列表项,html,css,Html,Css,我需要垂直显示列表项,也需要多列显示。但只能使用单个ul。这怎么可能。请推荐我 输出应该如下所示 a e i b f j c g d h 感谢您的帮助。唯一的方法是使用列计数: ul { column-count: 3; } 请注意,它只适用于现代浏览器,并且需要供应商前缀(-webkit列计数等) 如果使用float、inline或inline block,它们将以不同的顺序渲染。用于此属性列计数的Hi可能重复

我需要垂直显示列表项,也需要多列显示。但只能使用单个
ul
。这怎么可能。请推荐我

输出应该如下所示

a  e  i
b  f  j
c  g
d  h

感谢您的帮助。唯一的方法是使用列计数:

ul {
    column-count: 3;
}
请注意,它只适用于现代浏览器,并且需要供应商前缀(-webkit列计数等)

如果使用float、inline或inline block,它们将以不同的顺序渲染。

用于此属性列计数的Hi可能重复