Beispiel: jsfiddle.net/h5sE6/
css:
%Vor%html:
%Vor%Das ist trivial, wenn man Text vertikal anpasst und die Höhe der Zeilenhöhe anpasst, wenn man nur eine Zeile hat, aber mehr als das, die Dinge sehen wirklich verrückt aus.
Sie können es mit einem Helfer :before
-Element tun und indem Sie eine verschachtelte <span>
hinzufügen:
Hier ist eine Demo in Aktion.
Dies funktioniert, weil zwei Inline-Block-Elemente vertikal miteinander ausgerichtet werden. Die Regel :before
erstellt ein Inline-Block-Element, das dieselbe Höhe wie sein Elternelement hat, mit dem die Variable height <span>
vertikal ausgerichtet werden kann.
Für eine vollständige Erklärung, wie es funktioniert, siehe dies Antwort zum vertikalen Ausrichten von Bildern.
Sie können dies tun, indem Sie ein span
zu Ihrem Markup hinzufügen und dann display:table
etc in Ihrem css verwenden:
CSS
%Vor%Beispiel: Ссылка