Question

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

是否可以使项目居中对齐此代码

 <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}

上找到了这种方式

还有其他更好的方法吗？无需额外div

是否有任何技巧可以为此ul li { }写一些东西以保持列表项目居中对齐？

Answer 1

您需要的只是display:inline或display:inline-block应用于<li>和text-align:center应用于<ul>以获得居中。你绝对不需要额外的非语义标记。

还有其他涉及浮动的方式，但IMO这种方式最好。请注意，这两个显示属性的行为有所不同，因此您必须进行调整以满足您的需求。