在 HTML 和/或 CSS 中是否有一种方法可以自动按高度将多列内容分成多个页面？例如，如果您想在网页中显示电子书并使用多列，您可能希望在视口(viewport)中一次显示 1 页 = 2 列，然后使用垂直分隔符来模拟分页符，并使用接下来的两栏页。
例如，如果我想在一个 HTML 页面上以两列格式显示一整章，如果我只执行 column-count:2，那么每一列可能会很长你必须一直滚动到底部才能阅读第一列，然后一直滚动到顶部才能继续阅读第二列。我正在寻找的是一种避免必须滚动回顶部但仍使用列的方法。
我知道这可以用 Javascript 来完成，但我不是问关于使用 javascript。我只对纯 HTML/CSS 技术感兴趣。没办法的话，我已经知道JS怎么做了。
编辑: 这是我正在寻找的内容的简单说明:http://jsfiddle.net/xGqAC/7/embedded/result/
需要说明的是，我没有具体的 Javascript 实现，我只知道它可以在那里完成，而且我想已经有可以做到这一点的多列库，但同样，这不是我想要的'正在寻找。
最佳答案
您不可能仅通过 CSS 查找。
但是你可以为你的列设置高度和宽度，如果你没有设置任何列数，列将根据需要添加，这可以让你达到我能想到的最接近的妥协......如果您的浏览器支持列
html, body {
height:100%;
margin:0;
overflow:hidden;
}
body {
width:940px;
column-width:450px;
column-gap:10px;
column-rule:solid;
box-shadow:inset 0 0 0 3px;
overflow:auto;
margin:auto;
}
没有什么比 CSS 中的 PDF(媒体网络/媒体打印)更重要了 :) http://codepen.io/anon/pen/hxcIt
关于html - 垂直分页和列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15927872/