填充不适用于ul

时间:2016-09-08 06:15:36

标签: html css padding

我真的不知道这里发生了什么。

我有以下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(但我能想到的所有其他参数,如边距,颜色,无论如何)

您可以在以下屏幕截图中看到该行为: Padding not applied 任何投入赞赏:)非常感谢!

编辑:其他截图: padding manipulated

3 个答案:

答案 0 :(得分:2)

auto padding属性的not a valid值,您唯一能做的就是取出padding: 0;

答案 1 :(得分:1)

padding:auto是一个无效的属性值,这就是为什么t没有应用,你可以在em,px或%中给出填充值。

由于 萨蒂亚

答案 2 :(得分:0)

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;
}

不要使用padding auto。这是一个无效的财产。