Css 自动列将UL的每个LI对齐在一行上

Css 自动列将UL的每个LI对齐在一行上,css,css-multicolumn-layout,Css,Css Multicolumn Layout,我有一个无序的列表,有许多列表元素。我不知道所说的ul中li元素的确切数量——例如,它可以是3个或4个元素(都非常简洁)——但我将每个li显示为块(而不是实际列表),并希望使用列功能将其全部设置在一行上,同样居中/合理 但是,如果我有列:4,并且只有3个元素,那么它们将显示为缺少第四个元素。是否有一种方式可以让它们显示为指定了列:3?(我尝试将列设置为自动,但在我测试的浏览器中似乎没有任何作用。) 基本上,我希望ul的columnsCSS属性设置为ul在CSS中具有的li子元素的数量。通过更改l

我有一个无序的列表,有许多列表元素。我不知道所说的
ul
li
元素的确切数量——例如,它可以是3个或4个元素(都非常简洁)——但我
将每个
li
显示为
块(而不是实际列表),并希望使用
功能将其全部设置在一行上,同样居中/合理

但是,如果我有
列:4
,并且只有3个元素,那么它们将显示为缺少第四个元素。是否有一种方式可以让它们显示为指定了
列:3
?(我尝试将列设置为
自动
,但在我测试的浏览器中似乎没有任何作用。)


基本上,我希望
ul
columns
CSS属性设置为
ul
在CSS中具有的
li
子元素的数量。

通过更改li元素的display属性,可以使其(3或4个lis)与窗口的中心对齐

ul#注册商{
文本对齐:居中;
}
ul#李书记官长{
显示:内联块;
}

你能展示一下到目前为止你做了什么吗?@shadowfeind,它是;我想根据条件添加第四个元素,但是静态CSS可以与3或4个元素同等工作,我是说代码?我明白了;看起来像
内联块
,加上,应该可以做到这一点。(但您的代码本身并没有像预期的那样工作-因为我希望每个
li
的间隔相等。)所以您是否尝试过使用内联块?