css - 类似今日美国的 iPad 多页分栏布局

Question

我正在尝试实现这样的布局:http://www.ipadinsight.com/wp-content/uploads/2010/07/LakersWin.jpg成为一个多页面多列布局，用于处理一个文本正文。有任何想法吗？我认为 CSS 可以处理多布局问题，但不能处理分页。任何帮助将不胜感激。谢谢。

Answer 1

您可以通过使用像 webkit-column-count 这样的 css 属性来实现这一点，下面的 css 示例。

div
{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}​

演示在这里 http://jsfiddle.net/Bqjcc/