Gleiche Zeilenhöhe mit variierender Randbreite (border-box)

9

In diesem vereinfachten Beispiel habe ich 4 Kreise mit jeweils unterschiedlicher Rahmenbreite, und ich versuche, die gleiche Zeilenhöhe beizubehalten, um sie horizontal ausgerichtet zu halten.

Jedoch scheint die Rahmenbreite die Linienhöhe zu beeinflussen (obwohl sie technisch außerhalb der Box liegt?)

Gibt es trotzdem eine Lösung, ohne jede Zeilenhöhe manuell anzupassen?

%Vor%

Beispiel: Ссылка

    
Titan 07.08.2013, 14:50
quelle

3 Antworten

3

Sie können die Zeilenhöhe entfernen, stattdessen display:table-cell verwenden und vertical-align:middle; zu Ihrer stat-Klasse hinzufügen.

jsFiddle-Beispiel

%Vor%     
j08691 07.08.2013, 14:58
quelle
1

Ihr css funktioniert gut alles, was Sie tun müssen, ist einige aus dem oberen Abschnitt entfernen

%Vor%

Ссылка

    
Muhammad Umer 07.08.2013 15:18
quelle
0

Kam dazu und dachte mir, wie ist es möglich, es ohne Tabellenzelle zu tun, meine Lösung wahrscheinlich nicht die beste, aber ich entscheide mich einfach, es trotzdem zu teilen. Ссылка

Hinzufügen von <span>1</span> (kann die Klasse innerhalb von Spam in diesem Beispiel nicht verwenden)

%Vor%

und

%Vor%     
user2432772 21.11.2015 06:31
quelle

Tags und Links