不同尺寸的CSS

显示的div我如何可以显示不同高度的div接近对方，无论其高度，并与特定的保证金就像建筑
我的意思是这样的div本网站http://via.me
我用flaot：离开，但它仅与最后一个div浮动并留下一个空的空间这是我用http://jsfiddle.net/D9rHB/6/不同尺寸的CSS

来源

2012-07-08 Evan Lévesque

看看这里：http://masonry.desandro.com/ – 2012-07-08 23:48:32

嗨，我遇到了同样的情况。我拉我的头发得到一个清晰的输出。我用砖石，但失败了。你能否以一些明确的步骤解释我？请在这里看到我的问题http://stackoverflow.com/questions/13729070/trying-to-align-the-position-of-divs-which-are-of-different-sizes-so-that-ther – 2012-12-05 17:34:25

我认为jQuery的Masonry插件会是你在找什么在这种情况下的代码：

砌体是jQuery的动态网格布局插件。把它看作是CSS浮动的另一面。而浮动水平然后垂直排列元素，砌体垂直排列元素，将每个元素放置在网格中的下一个开放点。结果可以最大限度地减少不同高度元素之间的垂直间隙，就像石匠在墙上镶嵌石块一样。

JS Fiddle demo。

来源

2012-07-08 23:48:53

其实它的一个伟大的插件，但我可以做到纯CSS？ – 2012-07-08 23:51:14

你不能;也许有一些希望，也许有了弹性框，但是否则没有服务器端脚本来计算偏移和重组是不可能的。 – 2012-07-08 23:52:55

感谢哥们，我刚刚发现这个链接可能对别人有帮助。 http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations – 2012-07-08 23:55:35

-1

你可以这样做。为此，你必须拥有“绝对”的地位。

然后手动计算高度和顶部值以将div放在任何你想要的位置。

为了让事情变得简单，所有div的宽度都相同。也可以使每个div的高度固定在

列中。

让我知道你是否需要更多的解释如何做到这一点。

来源

2012-07-09 07:02:25 Narendra

谢谢，但我在上面提到的问题“无论其高度”，所以所有div的高度不一样 – 2012-07-13 16:06:32

divs应该显示为一个流 – 2012-07-13 16:07:18

不同尺寸的CSS

回答

相关问题