我正在试验CSS和float属性.我有这个“网站”,有很多div对齐到80px网格和浮动：左：
CSS有没有办法让它看起来像这样 – 所以这些元素可以在它们之上使用空格？
没有JavaScript,如果可能的话.
谢谢,马丁.
解决方法
为了平铺和垂直的动态内容,CSS选项有：
> float：left,正如你已经看到的,只提供有限的水平平铺.
> display：inline-block给出了不同于float的结果：left,但是没有平铺.
> CSS multi-column layout尚未完全定义.它支持垂直流入隐式列,但可能不是以符合平铺的方式.
> flexible box layout尚未得到很好的支持.它支持一种可能不符合平铺的水平或垂直流动,尽管它感觉像是朝着正确方向迈出的一步.
总之,即使没有完全定义的CSS标准似乎也不支持这一点;所以可能还有很长的路要走.最简单的回退选项是使用jQuery插件.
除了Masonry(如@Billy Moat所建议的),另外几个jQuery插件是Isotope和Tiles Gallery.似乎最经常提到砌体.
