html - DIV 高度就像里面有一些文字

Question

在我的一个网页上，我有一个 DIV 元素，其中包含文本字符串，例如 1.1em 大小。例如:

<div id="displaydiv">
    <b>Hello World</b>
</div>

另一个页面具有相同的 DIV 元素，但其中根本没有文本。这就是为什么这个 DIV 的视觉高度值低于第一页上的值。

<div id="displaydiv">

</div>

在第二页上保持 DIV 元素与第一页高度相同的推荐方法是什么？

Answer 1

尝试在里面放一个 。

如果页面是动态生成的并且您的模板语言支持条件，请确保仅在没有内容时显示  。

否则，如果您不能仅在为空时显示它，为避免弄乱您的文本对齐方式(感谢 @bensiu 指出这一点)，请将   粘贴在末尾字符串(如果文本是右对齐的，则为开头)。如果它是居中对齐的，你可以在两端放置一个 。