]."/> ].">

Heim >Web-Frontend >CSS-Tutorial >So erreichen Sie eine zentrierte Anzeige von Schaltflächen in CSS

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

王林
王林nach vorne
2020-08-20 16:55:336030Durchsuche

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

Werfen wir zunächst einen Blick auf den Effekt:

(Empfohlenes Tutorial: CSS-Tutorial)

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

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen