jquery - CSS 中的 Windows 8 用户界面

Question

我试图在我的网站上获得类似 windows 8 的样式，但是 div 的对齐有问题。当一个大正方形被放入设计中时，其他（较小的）矩形和正方形以错误的方式放在一边。我做了一个 jsfiddle 来向你展示这个问题。

http://jsfiddle.net/CGX7S/

我曾尝试使用浮点数，然后清除每一行，但我认为这不是理想的解决方案。

float:left

你能帮我吗？我必须用 jquery、javascript、float 或 css 做一个技巧吗？

Answer 1

您可以通过多种方式解决这个问题，目前最简单的是 masonry plugin masonry pluging page。在该页面上，您可以找到文档、示例所有内容。玩得开心。