我创建了一个页面,其中包含图像。它们都具有相同的宽度但不同的高度。我希望他们填补他们之间的空白。有点像 tumblr 布局的工作原理,但是我在高度和宽度之间设置了边距。
所以问题是真的。
我该如何制作,以便我可以将图像放入 div 并让它们填充它们之间的所有空间,除了我预定的边距,如果它们都具有设定的宽度?
我创建了一个页面,其中包含图像。它们都具有相同的宽度但不同的高度。我希望他们填补他们之间的空白。有点像 tumblr 布局的工作原理,但是我在高度和宽度之间设置了边距。
所以问题是真的。
我该如何制作,以便我可以将图像放入 div 并让它们填充它们之间的所有空间,除了我预定的边距,如果它们都具有设定的宽度?
在纯 CSS 中(目前)还没有真正的好方法。
看看 isotope.js http://isotope.metafizzy.co/
我相信您会对 Masonry 感到非常满意,请参见此处: http: //masonry.desandro.com/
阅读介绍,查看一些示例,您将立即了解:http: //masonry.desandro.com/docs/intro.html