Schaltfläche Text vertikal auf Mitte/Mitte ausrichten?

-1

Hey Ich möchte den Text meiner Schaltfläche in der Mitte meiner Schaltfläche anzeigen. Also gibt es ein Attribut, das ich ändern kann, so dass es in der Mitte erscheint? Jetzt ist es am oberen Rand meines Knopfes.Schaltfläche Text vertikal auf Mitte/Mitte ausrichten?

Ich versuchte, das padding-top Attribut zu verwenden, aber es sieht anders aus, wenn verschiedene Browser wie Firefox, IE, usw.

Gibt es eine allgemeine Lösung, den Text in der Mitte einer Schaltfläche angezeigt werden?

Vielen Dank für Hinweise!

Quelle

2016-03-21 Dyrdek

Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion erforderlich ist ** in der Frage selbst ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/ Einführung-Runnable-Javascript-CSS-und-HTML-Code-Snippets /). Siehe [** So erstellen Sie ein minimales, vollständiges und überprüfbares Beispiel **] (http://stackoverflow.com/help/mcve) –

Da Sie den Code nicht geteilt haben, nehme ich 30px Höhe Ihrer Schaltfläche. Verwenden Sie dieses CSS in Ihrer Schaltfläche.

button{ 
    height:30px; 
    line-height:30px; 
}

und entfernen Sie ggf. die Polsterung.

Dadurch wird der Text zentriert.

Quelle

2016-03-21 13:11:38

Danke, dass ich gerade 75px benutze. Aber es funktioniert gut, wenn Sie den gleichen px für Zeilenhöhe wie für die Schaltflächenhöhe verwenden. – Dyrdek

ya das ist, warum ich erwähnte ich nehme an ... line-height erhöht die Höhe des Textes nur und wenn die Höhe der äußeren div und inneren Text gleich ist, wird es automatisch in der Mitte kommt :) –

Schaltfläche Text vertikal auf Mitte/Mitte ausrichten?

Antwort

Verwandte Themen