沒有浮動的填充頂部：左？

ul.menu_middle_inner li { 
     display:inline; 
     list-style:none outside none; 
     padding:0 10px; 
}

不知道事情是否足夠清楚..但對於這段代碼，我該如何使用padding-top這個類？除非我使用float：left，padding-top：5px（說）根本不起作用...我不想使用float：left .....希望我的問題清楚...沒有浮動的填充頂部：左？

2010-09-13 Sachindra

爲什麼padding-top工作沒有浮動？請發佈您的HTML（和一些更多的上下文CSS），我其他的東西實際上是問題。此時雖然填充頂部爲0. – 2010-09-13 15:01:26

您在測試什麼瀏覽器？它似乎在Chrome中工作： http://www.jsfiddle.net/zcqmU/1/ – d2burke 2010-09-13 15:02:57

display:inline;

填充不適用於內聯元素。

您需要將它變成塊級元素。刪除這一行，列表將返回爲塊級對象。

如果您需要將其縮小到其內容的寬度，則需要浮動。或者，嘗試inline-block（可能不適用於所有瀏覽器）。

2010-09-13 15:01:12

填充左邊和填充右邊的作品爲''，''是內聯元素:) – rochal 2010-09-13 15:05:02

謝謝。 ..內聯表工作welll .... – Sachindra 2010-09-13 15:10:35

嘗試一次性指定填充，而不是添加另一個填充參數。如果你想添加填充之上

padding: top right bottom left;

這樣：

padding: 5px 10px 0 10px;

，讓你在底部填充0填充方向去轉，因此它與頂部開始像這樣。如果你想添加到頂部和底部，你可以使用速記：

哦，你必須添加顯示：塊（或如果內聯塊）;

2010-09-13 15:02:42 corroded

回答