So erreichen Sie eine zentrierte Anzeige von Schaltflächen in CSS

Werfen wir zunächst einen Blick auf den Effekt:

(Empfohlenes Tutorial: CSS-Tutorial)

Es kann durch einen einfachen CSS-Stil erreicht werden

<div style="margin:0 auto;width:200px;">
<input class="submit" id="btn" type="submit" value="注册" />
</div>

Verwenden Sie margin-left:auto;margin-right :auto; Sie können Ihre Divs zentrieren.

.style{margin-left:auto;margin-right:auto;} Die Kurzform lautet: .style{margin:0 auto;} Die Zahl 0 bedeutet, dass der obere und untere Rand 0 sind. Kann je nach Bedarf auf unterschiedliche Werte eingestellt werden.

Die Breite am Ende ist ebenfalls ein sehr wichtiges Attribut, da die Breite der Schaltfläche sehr klein ist und Sie daher einen geeigneten Breitenwert festlegen müssen, um Ihre Schaltfläche zu zentrieren.

Das obige ist der detaillierte Inhalt vonSo erreichen Sie eine zentrierte Anzeige von Schaltflächen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!