根据 window 大小将文本写入页面底部

Question

是否可以根据 window 尺寸让文本填充页面？

例如，我想要如下内容：屏幕左侧的文本填充了它所在的 div。如果我要重新调整 window 的大小，"ExampleText" 的行数应该改变。

不幸的是，我没有任何代码可以显示，因为我不知道如何启动它。我想我将不得不为其中的一些使用 JS，但我不确定如何让 JS 收集 window.

的尺寸

非常感谢。

Answer 1

您可以通过以下方式获取 javascript 中 window 的高度：

var h = window.innerHeight;

如果你知道 "ExampleText" 的行高（你可能已经在 CSS 中设置了它，或者你可以尝试用 document.getElementById('div_name').style.lineHeight 获取它），那么将window 高度乘以行高。那应该给你适合 window.

的行数

或者，在 CSS 中，您可以将 div 设置为 height: 100%（假设所有父元素的高度都为 100%），然后设置一个内部 div到 position:absolute;bottom:0; 所以文本开始从底部到顶部计数。您将不得不选择是否显示滚动条，因为文本不可避免地会大于包含的 div.

根据 window 大小将文本写入页面底部

Write text to the bottom of the page depending on window size

javascript

html

css

dimensions