填充不适用于ul

我真的不知道这里发生了什么。填充不适用于ul

我有以下的HTML语法

<div class="album_column> 
    ... 
    <ul> 
    ... 
    </ul> 
    ... 
</div>

下面CSS：

ul { 
    padding: 0; 
    margin: 0; 
} 

.album_column ul { 
    display: block; 
    padding: auto; 
    margin: auto; 
}

但由于某些原因，.album_column ul填充不应用于UL（但所有其他参数我可以想到的是，如边距，颜色，无论如何）

你可以看到在以下截图中的行为：任何输入赞赏:)谢谢很多家伙！

编辑：额外的屏幕截图：

来源

2016-09-08 fighter-ii

auto是not a valid值padding财产，你唯一可以做的就是拿出padding: 0;

来源

2016-09-08 06:19:01

好吧，很高兴知道。但是，如果我操纵我的Firebug扩展中的ul元素的属性填充从0到auto，我实现了该列表在div元素中居中。 –

@ fighter-ii请给我一个代码片段（codepen.io，plnkr，jsfiddle等） –

我添加了一个额外的屏幕截图，只是为了向您说明，padding：auto正在做一些事情（这就是为什么我想让它工作）但我接受你的回答，这不是一个有效的财产，我必须以其他方式集中 –

的填充：汽车是一个无效的属性值，这就是为什么牛逼没有应用，你可以在em，px或％中给出填充值。

感谢萨蒂亚

来源

2016-09-08 06:21:26 satya

js fiddle

<div> 
<div class="album_column"> 
<ul> 
    <li>Apple</li> 
    <li>Orange</li> 
</ul> 
</div> 

.album_column ul { 
    display: block; 
    padding: 30px; 
    margin: auto; 
}

不要使用自动填充。这是一个无效的属性。

来源

2016-09-08 06:24:57

填充不适用于ul

回答

相关问题