Css 在div中对齐项目？

我尽量远离表格，因为我被告知它们只用于表格数据。然而，我对如何实现这个功能感到困惑。我的导航栏有一个搜索按钮、注册链接、登录链接和两个分隔符。如何将div中的每个项目与表对齐？请原谅我对CSS=P的陌生

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

链接1

链接2

链接3

链接4

.菜单{margin:0px；padding:0px；列表样式：无；宽度：600px；margin:auto} .menu li{显示：内嵌；填充：5px；右边距：10px；背景色：#333；颜色：#fff}

---

虽然我还没有测试过，但这应该会给你一些你想要的东西。对上述代码进行实验，以根据您的需求进行微调。是的，桌子不必总是避开。对于显示表格数据，表格是最佳选项

如果您是新手，请尝试此工具。

---

可能重复。看看这个问题：谢谢你的回答！我尝试过这个建议，但不幸的是，所有项目仍然没有居中。我已经编辑了代码。指定宽度，然后指定边距：自动。这将中心指定的宽度。谢谢这是伟大的作品！然而，现在有没有办法将它们全部水平居中？当前，项目从位置0开始，而不是对齐到中间。我指定的代码使它们水平居中。我假设你菜单的宽度是600像素。600px的块将在父对象中居中。尝试在空白html文件中试验此代码。对我来说是水平居中。