Question

我有一个包含许多列表元素的无序列表。我不知道所述li中ul个元素的确切数量 - 例如，它可能是3个或4个元素（所有非常简洁的元素） - 但我{{1}每个display作为li（而不是实际列表），并希望使用block功能将其全部设置在一行上，同样居中/对齐。

但是，如果我执行columns，并且只有3个元素，那么它们就会显示为好像缺少第四个元素。是否有一种方式可以显示它们，就像指定了columns: 4一样？（我已尝试将列设置为columns: 3，但在我测试的浏览器中似乎没有做任何事情。）

基本上，我希望将auto的{{1}} CSS属性设置为CSS中columns所拥有的ul个孩子的数量。

Answer 1

通过更改li元素的显示属性，可以使此（3或4 lis）中心与窗口对齐。

ul#registrar {
    text-align: center;
}
ul#registrar li {
    display: inline-block;
}

<ul id="registrar">
<li><a href="/reg.com">reg.com</a></li>
<li><a href="/reg.ru">reg.ru</a></li>
<li><a href="/nic.ru">nic.ru</a></li><li><a href="/nic.ru">nic.ru</a></li>
</ul>

自动列使UL的每个LI在单行上对齐

1 个答案: