Zentrieren Sie die Schaltflächen in div dynamisch aus?
Ich habe ein div, das je nach Szenario zwei oder vier Buttons haben kann. Ich möchte, dass die Buttons innerhalb des Divs mittig ausgerichtet sind. Wie es gemacht werden kann. Ich habe meinen Code unten eingereicht.
%Vor%Das Problem ist, dass es funktioniert, wenn vier Tasten angezeigt werden, aber nicht für 3,2 und 1-Tasten-Szenario. Wie zentriere ich das ohne Angabe der Breite? Plz Hilfe.
5 Antworten
Sie müssen text-align: center für das Containerelement verwenden. Vermeiden Sie auch inline Stile ...
Hinweis: Stellen Sie sicher, dass Sie
text-align: left;verwenden, wenn Sie Text haben innerhalb diesesdivsonst werden sie ebenfalls zentriert.
Wie Sie kommentiert haben, sieht es für mich aus wie in der Mitte
Immer noch glaubst du nicht, dass sie perfekt zentriert sind, ich würde die Container width optimieren und dir zeigen, dass sie zentriert sind ....
Mit zwei Schaltflächen
Hinweis: Stellen Sie sicher, dass Sie auch CSS Reset verwenden ... Damit Sie es bekommen konsistente Stile in allen Browsern, obwohl dies zentriert sein sollte unabhängig vom Zurücksetzen der Stile.
Wenn in Ihrem div nur Schaltflächen vorhanden sind, sollten Sie dem div die Eigenschaft text-align: center zuweisen. Damit wird alles innerhalb des div zentriert ausgerichtet, unabhängig von der Breite.
%Vor%Können Sie den folgenden Code verwenden und lassen Sie es mich wissen. Just Text zentriert zentriert
%Vor%
Sie können einfach text-align: center; style für div angeben.
Hier der Code für Ihre Referenz.
%Vor%Jedes Element in div mit der Klasse 'row' wird zentriert ausgerichtet.