没有浮动的填充顶部：左？

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

回答