垂直分页和列

在HTML和/或CSS中是否有方法通过高度自动将多列内容分解为页面？例如，如果要在网页中显示电子书并使用多个列，则可能需要立即在视口中显示1页= 2列，然后进行垂直分隔以模拟分页符，并且下两个栏目页面。例如，如果我想在一个HTML页面上以两列格式显示整个章节，如果我只是做了column-count:2，那么每一列可能会很长，并且必须一直滚动到底部读取第一列，然后一路回到顶部继续到第二列。我正在寻找的是避免必须回滚到顶部但仍然使用列的方法。垂直分页和列

我意识到这可以用Javascript来完成，但我是不问关于使用javascript。我只对纯粹的HTML/CSS技术感兴趣。如果没有办法做到这一点，我已经知道如何在JS中做到这一点。

编辑： 这里是什么，我正在寻找一个简单的例子：http://jsfiddle.net/xGqAC/7/embedded/result/

要清楚，具体我也有在Javascript实现，我只知道，这是可以做到那里，我想有已经可以做到这一点的多列库，但再次，这不是我所期待的。

来源

2013-04-10 brianmearns

能告诉你它是什么样子与JS，所以我们知道你是什么想要实现？也许用JSFiddle？ – 2013-04-10 13:57:12

@ToonCasteele：增加了一个明文插图。 – brianmearns 2013-04-10 18:28:33

假设没有人解决过这个问题...... – Nix 2013-10-24 06:28:53

您通过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

来源

2013-12-28 19:31:48

这是诸如此类的事情，你是不是想找： http://www.w3schools.com/css3/css3_multiple_columns.asp

来源

2013-04-10 14:10:46 Andrew

不是，不。我已经提到，单靠“列数”是不够的，因为列结束时间过长。我会看看我是否可以拿出一个演示来说明我想要的。 – brianmearns 2013-04-10 18:02:04

垂直分页和列

回答

相关问题