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

Question

在我的一个网页上，我有一个DIV元素，里面包含一串文字，比如1.1em大小。例如：

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

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

<div id="displaydiv">

</div>

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

Answer 1

尝试将 放入其中。

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

否则，如果你只是在空的时候才能显示它，为了避免弄乱文本对齐（感谢@bensiu指出这一点），将 粘在字符串的末尾（或者如果文本是右对齐的，则开始）。如果它是居中对齐的，您可以在两端放置 。

Answer 2

<div id="displaydiv" style="height: 1.1em">

</div>

和nbsp;也是补丁解决方案，因为你需要记住在内置文本时将其取下而不要毁掉你的对齐

Answer 3

如果您希望它与其他页面的高度相同，则可以通过将参数传递到下一页来完成此操作，例如$_GET中的PHP。

您可以使用jQuery来精确测量div的高度（使用.height()）。然后，当您转到新页面时，您应该执行以下操作：myDomain.com/newPage?height=500。使用PHP在新页面中评估新的高度。