2016-04-15 22 views
0

ich eine Admin-Seite bin erstellen, die dann berichtet über die Seite Gewichte der wichtigsten Seiten für eine Website abfragt (Landung, etc.)Vertikale Zellenausrichtung mit Bootstrap 4

Als Bootstrap 4 in der Nähe ist, habe ich es benutzt um ein Layout zu erstellen, mit dem ich zufrieden bin. Für jede Zeile ist der Text in einer Zelle jedoch nicht vertikal ausgerichtet. Ich kann eine einfache richtige Ausrichtung tun mit:

aber ich möchte auch vertikal ausrichten. Ich glaube, dass Bootstrap 4 flexbox verwendet. Gibt es eine Möglichkeit, vertikale Textausrichtung in einer Zelle mithilfe von Flex durchzuführen? Mein Beispiel ist hier auf CodePen

+0

Es scheint, dass Sie die Lösung für Ihre CodePen Probe hinzugefügt haben, die die Hölle für ein paar Minuten aus mir verwirrte. –

+0

Entschuldigung. – timbo

+0

Keine Notwendigkeit, sich zu entschuldigen, ich dachte nur, ich füge einen Kommentar für den Fall, dass jemand anderes schaut dies und fragt sich, was Sie mit vertikal ausrichten, wenn alles bereits vertikal ausgerichtet ist. –

Antwort

1

Sie sind bereits ausgerichtet, es ist Padding innerhalb der Taste, die Text nicht ausgerichtet in der zweiten Spalte w.r.t macht. zuerst.

In dem zweiten Spalte Text follwing css:

padding: .375rem 0; 
font-size: 1rem; 
font-weight: 400; 
line-height: 1.5; 
vertical-align: middle; 
+0

Ehrfürchtig. Vielen Dank! – timbo

+0

@timbo np, ich möchte dir beim nächsten mal wieder helfen –

+0

@timbo: Alles was du brauchst ist das Padding. Ich verstehe nicht, warum die anderen Sachen nötig wären. font-size, font-weight und line-height haben bereits die gleichen Werte und vertical-align wird nicht benötigt, da das Padding die Zentrierung durchführt. –

Verwandte Themen