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
的间隔相等。)所以您是否尝试过使用内联块?