对齐div中的项目？

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

2011-02-27 John Smith

可能的重复。看看这个问题：http://stackoverflow.com/questions/827683/side-by-side-list-items-as-icons-within-a-div-css – jmort253 2011-02-27 07:44:44

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

虽然我没有测试它，这应该给你你正在寻找的东西。试验上面的代码来调整您的要求。而且桌子无需一直被避免。对于显示表格数据，表是最好的选择

来源

2011-02-27 07:46:23 Arun

感谢您的回应！我尝试了这个建议，但不幸的是所有的项目仍然没有居中。 [下面是显示问题的屏幕截图]（http://i.imgur.com/cYYaL.png） – 2011-02-27 07:54:07

已编辑代码。指定一个宽度，然后指定margin：auto。这将以指定的宽度为中心。 – Arun 2011-02-27 07:58:34

非常感谢！但是，现在有什么方法可以将它们全部横向居中？目前项目从0开始，而不是与中间对齐。 – 2011-02-27 08:36:12

如果你是一个新手，试试这个工具。 http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/

来源

2011-02-27 08:36:41

对齐div中的项目？

回答

相关问题