Minimale Höhe für div oder span mit leerem Element

8

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;

    
sawa 01.01.2012, 06:00
quelle

2 Antworten

17

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.

%Vor%

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 .)

%Vor%

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:

Zypern

(Siehe ähnliche Frage: Ссылка )

    
broc.seib 30.03.2015, 19:57
quelle
3

Ihr Code stimmt nicht: Sie müssen keine Anführungszeichen ("") um Werte in CSS einfügen.

Verwenden Sie entweder:

%Vor%

Oder verwenden Sie:

%Vor%     
Pankaj Upadhyay 01.01.2012 06:07
quelle

Tags und Links