2016-09-08 3 views
1

Ich weiß wirklich nicht, was hier los ist.Polsterung nicht angewendet auf ul

Ich habe die folgende HTML-Syntax

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

und die folgenden CSS:

ul { 
    padding: 0; 
    margin: 0; 
} 

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

Aber aus irgendeinem Grund, die Polsterung von .album_column ul ist nicht auf die ul angewendet (aber auch alle anderen Argumente Ich kann mir vorstellen, sind wie Marge, Farbe, was auch immer)

Sie können das Verhalten in der folgenden Screenshot sehen: Padding not applied jeder Eingang geschätzt :) vielen Dank Jungs!

bearbeiten: zusätzliche Screenshot: padding manipulated

Antwort

2

auto ist not a valid Wert für padding Eigenschaft, das einzige, was Sie tun können, ist herausnehmen padding: 0;

+0

okay, gut zu wissen. Aber wenn ich die Eigenschaft padding für das ul-Element innerhalb meiner Firebug-Erweiterung von 0 bis Auto manipuliere, erreichte ich, dass die Liste innerhalb des div-Elements zentriert ist. –

+0

@ fighter-ii Bitte geben Sie mir ein Code-Snippet (codepen.io, plnkr, jsfiddle etc.) –

+0

Ich habe einen zusätzlichen Screenshot hinzugefügt, nur um Ihnen zu zeigen, dass Padding: Auto etwas tut (deshalb dachte ich, es würde funktionieren) Aber ich akzeptiere deine Antwort, dass dies keine gültige Eigenschaft ist und ich muss es auf andere Weise zentrieren –

1

Die Polsterung: auto ist ein ungültiger Eigenschaftswert, das ist, warum t wird nicht angewendet, Sie können den Füllwert entweder in em, px oder% angeben.

Dank Satya

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

Sie padding Auto nicht verwenden. Es ist eine ungültige Eigenschaft.

Verwandte Themen