Eine CSS3-Eigenschaft fehlt, was ist das?

Question

Es gibt einen einfachen CSS3-Hack, um   an den Inhalt eines divs anzuhängen, um zu verhindern, dass es in der Höhe kollabiert, unabhängig davon, ob es Text enthält oder nicht. Ich kann es einfach nicht wieder finden.

Kann jemand bitte helfen?

<div></div> <!-- nothing in it = will collapse -->

<div>&nbsp;</div> <!-- still nothing in it but with &nbsp; appended it won't collapse -->

<div>SOME CONTENT&nbsp;</div> <!-- "SOME CONTENT" is added via JS; -->

Answer 1

Sie sprechen vielleicht über :after und :before Pseudo-Elemente und die content Eigenschaft.

Aber warum nicht min-height wie Kolink vorgeschlagen verwenden?

Edit: Wie in den Kommentaren darauf, diese als Text anhängt, so dass die Lösung ist, die Unicode-Darstellung als entkam Sequenz zu verwenden:

#someId:after { 
    content: '\0000a0'; 
} 

Answer 2

CSS ist nicht zulassen, dass nur Inhalte in HTML-Tags hinzufügen. Das wäre einfach falsch.

Allerdings können Sie dies tun:

min-height: 1em; 

Dadurch wird sichergestellt, dass die div immer mindestens eine Zeile hoch ist, kollabiert daher nicht, wenn es keinen Inhalt.