什么是保持水平列表项居中对齐的最佳语义方式？

Question

3

是否可以保持此代码的项目居中对齐？

 <ul id="items">
  <li>item 1</li>
  <li>item2</li>
  <li>iem3</li>
</ul>

li {list-style:none; font-size:16px; float:left; font-size:14px}

我在搜索中找到了这种方法：http://css-tricks.com/examples/CenterHorizontalListItems/。是否有更好的方法？不需要额外的div。有没有什么诀窍可以写一些东西来保持这个ul li { }列表项居中对齐？

- Jitendra Vyas

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Wesley Murch · Accepted Answer

你只需要在

标签中添加display:inline或display:inline-block，并在

text-align:center

还有其他方法可以使用float属性实现，但我认为这种方法是最好的。请注意，这两个display属性的行为不同，因此您需要根据自己的需要进行调整。