„margin:0 atuo;“ Was bedeutet das?

Was bedeutet „margin:0 atuo;“?

"margin:0 atuo;" bedeutet horizontale Zentrierung, wenn nach dem Rand nur zwei Parameter vorhanden sind, der erste für oben und unten und der zweite für links und rechts und weil der obere und die unteren Grenzen sind 0, und der linke und rechte Rand passen sich entsprechend der Breite an den gleichen Wert an, der Ausdruck bedeutet horizontale Zentrierung.

Horizontale CSS-Zentrierungsmethode

Inline-Elemente:

Inline-Elemente sind Inline-Elemente. Zum Beispiel 45a2772a6b6107b401db3c9b82c049c2, 3499910bf9dac5ae3c52d5ede7383485, 2e1cf0710519d5598b1f0f14c36ba674, 907fae80ddef53131f3292ee4f81644b, a1f02c36ba31691bcfe87b2722de723b usw. .

Erstellen Sie direkt einen Container mit dem Stil „text-align:center“, dann werden alle darin enthaltenen Inline-Elemente zentriert.

 <div style="text-align:center;border-style:solid">
        <p style="border-style:solid;width:500px">我是块级元素，我不居中</p>
        <span style="border-style:solid">我是行内元素，我要居中</span>
    </div>

Elemente auf Blockebene:

Elemente auf Blockebene umfassen: div, p, form, ul, li, ol, dl, form, address, fieldset, hr, menu, table

Feste Breite ist eigentlich eine einfache Lösung. Verwenden Sie einfach margin:0 auto, um den Container zu zentrieren, und fügen Sie text-align:center hinzu, um den Text zu zentrieren.

<p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定宽块级元素，我要居中</p>

Empfohlenes Tutorial: „CSS-Tutorial“

Das obige ist der detaillierte Inhalt von„margin:0 atuo;“ Was bedeutet das?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!