我想远离表格,因为我被告知它们只能用于表格数据。然而,我很困惑如何实现这个功能。我的导航栏有一个搜索按钮,注册链接,登录链接和两个分隔符。如何将div内的每个项目与表格一样对齐?请原谅我的新手CSS = P对齐div中的项目?
回答
<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>
虽然我没有测试它,这应该给你你正在寻找的东西。试验上面的代码来调整您的要求。而且桌子无需一直被避免。对于显示表格数据,表是最好的选择
感谢您的回应!我尝试了这个建议,但不幸的是所有的项目仍然没有居中。 [下面是显示问题的屏幕截图](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/
- 1. 在div中垂直对齐li项目
- 2. 对齐HTML中的项目
- 3. 对齐表中的项目
- 4. GroupBox中的项目对齐
- 5. QListWidget对齐项目中心
- 6. 在td中对齐项目
- 7. bootstrap 3对齐他们的div中的项目
- 8. QListWidget对齐项目
- 9. 对齐HTML项目
- 10. CheckBoxList项目对齐
- 11. CSS垂直对齐div中的列表项目
- 12. 图标不在div内居中?对齐项目:中心问题?
- 13. Flexbox的对齐项目
- 14. Gridview中的居中对齐项目
- 15. 对齐的div
- 16. div的对齐
- 17. 中心对齐div内div?
- 18. 对齐中心div的左右div div
- 19. 对齐中心div
- 20. 对齐右侧列表中的项目
- 21. 无法对齐AppBar中的项目
- 22. 对齐中心的GridView项目
- 23. 对齐qTableWidget中的可检查项目
- 24. 列表框中的项目对齐
- 25. 对齐堆叠面板中的项目?
- 26. 对齐父div在div中心和子div对齐左
- 27. 对齐中心对齐div元素
- 28. CSS - div的垂直对齐列表项
- 29. 对齐列表项旁边的div
- 30. 将div对齐到父项的底部
可能的重复。看看这个问题:http://stackoverflow.com/questions/827683/side-by-side-list-items-as-icons-within-a-div-css – jmort253 2011-02-27 07:44:44