對齊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中的項目？

回答

相關問題