padding-top without float：left？

Question

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

不确定事情是否足够清楚..但是对于这段代码，我如何在这个类中使用padding-top？除非我使用float：left，padding-top：5px（比如说）根本不起作用......我不想使用float：left .....希望我明白我的问题......

Answer 1

display:inline;

填充不适用于内联元素。

您需要将其转换为块级元素。删除此行，列表将返回到块级对象。

如果您需要收缩到其内容的宽度，则需要浮动。或者，尝试inline-block（可能无法在所有浏览器中使用）。

Answer 2

尝试一次性指定填充，而不是添加另一个填充参数。填充方向顺时针方向，所以它从顶部开始，如下所示：

padding: top right bottom left;

所以如果你想在顶部添加填充：

padding: 5px 10px 0 10px;

在底部给你0填充。如果你想要添加到顶部和底部，你可以使用速记：

padding: 5px 10px;

哦，你必须添加display：block（或者如果是inline-block）;