Wenn ich in span
oder div
eine Zeichenfolge einschließe, die zufälligerweise eine leere Zeichenfolge ist oder nur Leerstellen enthält, hat dieser Teil keine Höhe, und wenn span
oder div
weiter eingebettet ist in etwas wie ein table
, diese Zelle hat nicht genug Höhe und sieht falsch aus. Wie kann ich sicherstellen, dass ein span
oder div
mindestens die Höhe der Zeichenfolge einnimmt, wenn die Zeichenfolge andere Zeichen hat? Das ist so etwas wie das Ausführen von \strut
in TeX. Ich kann etwas in die Zeichenfolge einfügen oder die CSS anpassen.
Ich habe versucht, folgendes in die relatante css-Klasse zu schreiben, aber das Problem ist, dass ich die String-Höhe manuell anpassen muss (ich bin mir nicht sicher, ob es "1em" ist. Wahrscheinlich nicht). Was ist der richtige Weg, dies zu tun?
min-Höhe: 1em;
Ihr span
-Element muss ein Blockelement werden, wenn Sie seine Höhe festlegen möchten. Legen Sie also den Stil display: block
oder display: inline-block
entsprechend fest.
Um die Höhe eines leeren Bereichs festzulegen, Ich habe es am besten gefunden, einfach ein
zu injizieren, anstatt eine Mindesthöhe festzulegen. ( AKTUALISIEREN : pro @sawa, anstatt ein Leerzeichen zu verwenden, das kein Leerzeichen enthält, würde ein geeigneteres Zeichen no Platz einnehmen, dh der Unicode ZERO WIDTH SPACE Charakter, 0b
.)
Dies funktioniert unabhängig von der Schriftgröße und vermeidet Probleme mit der Grundlinie, die nicht mit angrenzendem Text übereinstimmt. Sieh dir die Zeile an, die "Huh?" unten:
(Siehe ähnliche Frage: Ссылка )
Ihr Code stimmt nicht: Sie müssen keine Anführungszeichen ("") um Werte in CSS einfügen.
Verwenden Sie entweder:
%Vor%Oder verwenden Sie:
%Vor%