根据 window 大小将文本写入页面底部
Write text to the bottom of the page depending on window size
是否可以根据 window 尺寸让文本填充页面?
例如,我想要如下内容:
屏幕左侧的文本填充了它所在的 div。如果我要重新调整 window 的大小,"ExampleText" 的行数应该改变。
不幸的是,我没有任何代码可以显示,因为我不知道如何启动它。我想我将不得不为其中的一些使用 JS,但我不确定如何让 JS 收集 window.
的尺寸
非常感谢。
您可以通过以下方式获取 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 尺寸让文本填充页面?
例如,我想要如下内容:
不幸的是,我没有任何代码可以显示,因为我不知道如何启动它。我想我将不得不为其中的一些使用 JS,但我不确定如何让 JS 收集 window.
的尺寸非常感谢。
您可以通过以下方式获取 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
.