css - 缺少一个 CSS3 属性，它是什么？

Question

有一个简单的 CSS3 hack 可以附加 到 div 的内容中，以防止其高度折叠，无论它是否包含文本。我就是找不到了。

有人可以帮忙吗？

<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

您可能正在谈论伪元素和:after属性。:beforecontent

#someId:after {
    content: ' ';
}

但是为什么不min-height按照 Kolink 的建议使用呢？

编辑： 正如评论中所指出的，这作为文本附加，所以解决方案是使用 unicode 表示作为转义序列：

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

Answer 2

CSS 不允许您只向 HTML 标记添加内容。那是错误的。

但是，您可以这样做：

min-height: 1em;

这将确保div始终至少有一行高，因此在没有内容时不会折叠。