今日美国式iPad多页栏布局

Question

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

Answer 1

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

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

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

Answer 2

网格系统怎么样？

我更喜欢1140 css网格：http://cssgrid.net/

960网格也很受欢迎：http://960.gs/