Heim > Web-Frontend > CSS-Tutorial > Hauptteil

„margin:0 atuo;' Was bedeutet das?

Guanhui
Freigeben: 2020-05-29 15:26:29
Original
5040 Leute haben es durchsucht

„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 , ,

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage