交错网格系统

时间:2012-08-26 23:15:52

标签: html css grid 960.gs

我想在我的网站上使用960.gs作为帖子布局(4列)。我喜欢这种易用性,但它看起来单调,网格框的顶部和底部排成一行。而不是正常的网格设计,有没有办法让它像这个网站更交错? http://bygonebureau.com

请注意帖子的底部边距不对齐。

1 个答案:

答案 0 :(得分:2)

该特定网站使用jQuery masonry来安排这样的文章。像960这样的网格系统不允许这样做,因为它们依赖于设置'行',每个行都应用了一个clearfix,因此它们永远不会重叠。

我可能会建议您使用网格系统构建网站的基本布局,只需按照砌体中的代码示例来了解如何获得交错的框效果。