如何 - 将列表居中

了解如何使用 CSS 将列表居中。

居中列表

包裹住<ul>容器元素内的元素，例如 <div>：

<div class="container">
<ul class="myUL">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>
</div>

居中对齐<div>元素，并更改显示<ul>到inline-block。

或者，您可以左对齐列表项以获得更整洁的视图：

div.container {
text-align: center;
}

ul.myUL {
display: inline-block;
text-align: left;
}

提示：去我们的CSS 对齐教程了解有关对齐元素的更多信息。