如何将空段落元素设置为font-size (text)的最小高度

Question

如何将空白段落元素<p>设置为字体大小的高度?

如果段落元素为空，则它没有高度。如何设置文本高度的最小高度(font-size)?

我知道你可以添加 元素，但我想设置它纯粹通过CSS

Answer 1

可以在伪元素中使用空格。这应该可以工作:

p::after {
content: '0a0 '
}

现场演示:https://jsfiddle.net/o96swntm/

Answer 2

您可以指定常规的pmin-height

:root {
--p-height: 20px;
}
p {  
color: white;
background: green;
min-height:var(--p-height);
}

<p></p>
<p>lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem </p>

Answer 3

尝试使用

p:empty {
height: 14px;
}