【发布时间】：2011-02-27 07:38:17
【问题描述】：
我试图远离表格，因为我被告知它们只能用于表格数据。但是，我对如何实现此功能感到困惑。我的导航栏有一个搜索按钮、注册链接、登录链接和两个分隔符。如何将 div 中的每个项目对齐，就像一个可以与表格一样？请原谅我对 CSS 的新手 =P
【问题讨论】：
-
可能重复。看看这个问题：stackoverflow.com/questions/827683/…
【发布时间】：2011-02-27 07:38:17
【问题描述】：
<ul class="menu">
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
<li>Link 4</li>
</ul>
<style type="text/css">
.menu {margin:0px;padding:0px;list-style:none;width:600px;margin:auto}
.menu li {display:inline;padding:5px;margin-right:10px;background-color:#333;color:#fff}
</style>
虽然我还没有测试过，但这应该会给你一些你正在寻找的东西。对上面的代码进行试验，以根据您的要求进行微调。是的，不需要一直避免使用桌子。对于显示表格数据，表格是最佳选择
【讨论】：
-
感谢您的回复！我尝试了这个建议，但不幸的是所有项目仍然没有居中。 Here's a screenshot showing the problem
-
已编辑代码。指定宽度，然后指定边距：自动。这将使它以指定的宽度居中。
-
感谢这很好用！但是，现在有没有办法将它们全部水平居中？目前，项目从位置 0 开始，而不是与中间对齐。
-
我指定的代码将它们水平居中。我假设你的菜单的宽度是 600 像素。那个 600px 的块将在父对象中居中。尝试在空白 html 文件中试验此代码。它为我水平居中。
【讨论】：