javascript - 让网页看起来像一本书

<分区>

要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前。

来自 SO 的 friend 们您好:

我今天提出了一个非常简单的问题:我们正在尝试制作一个网页，或者更明确地说，一个 html 文档，看起来像一本书!

好的，你是什么意思？

我希望元素向下移动，直到达到屏幕的最大高度，比方说 800px，然后向右跳转。

那么让我们举个例子:

我们有一个总高度为 300px 的 div，然后是第二个 div，还有另一个 300px，然后是第三个，但是嘿!屏幕的可见区域只有 900x 的高度，所以第三个 div 实际上应该向右移动，而不是让滚动条出现。

所以有人知道如何使用 CSS3 和 HTML5 来完成吗？我宁愿避免使用 Js，但是如果没有其他选择，它会更不欢迎。

提前致谢，新年快乐! 克里斯；

对于遇到同样问题的人，我现在找到了几种解决方案:

亲切的问候；克里斯；

最佳答案

列之间的文本流动长期以来一直是网络开发人员的限制/痛点。

CSS3 允许一些解决方案 - 具有可变的浏览器支持。

这是一篇旧文章 - 但请阅读以了解一种方法:http://alistapart.com/article/css3multicolumn

虽然可能需要一些 javascript 来处理向右移动/超出可见屏幕的过渡。

关于javascript - 让网页看起来像一本书，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20849001/