填充不適用於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

回答

相關問題