屏幕上的分页符（css多列布局）

Question

我想在HTML中显示多列文档。在分页后，在打印时重新启动多列“框”。我想在屏幕上模拟这种行为（分页符），因此列高度不应高于用户代理窗口的高度。

只为每个虚拟页面使用一个新容器很容易，但我不知道屏幕的确切位置，所以我希望文本能够在这些虚拟页面之间流动。

我知道今天的JS有能力解决这个问题，但我想使用CSS，因为这是一个布局问题。

Answer 1

我有建议的功能。你可以在页面底部找到回到顶部的按钮 为此你可以像这样继续前进 在首页上

<a name="Top"></a>

并在页面底部

<a href="#Top"> Back to Top… </a>

我知道这不是你想要的，但这将是用户友好和轻松导航。

Answer 2

尝试使用Javascript，命令：

将container-div的高度设置为视口高度

window.innerHeight

获取视口尺寸的完整脚本： http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

如果你不喜欢使用javascript，你可以尝试创建负责任的CSS样式，但它不太准确。