即使不同的宽度和高度逐个填写瓷砖 [英] Fill tiles one by one even different width and height

问题描述

请参考图片，我认为一旦你看到意识到这个问题。

我用两种方式测试了这个瓷砖，例如UL，LI列表和DIV集，但都没有成功。我只是添加了float：left，但正如你所看到的，在第三行中，在高瓦之后，第四行的项目不会填充到空间中。

请更改名称if不正确的意思和谷歌搜索，但无法找到应该是我的关键字要丰富。请指导我。

解决方案

我使用 JQuery Masonry 为这样的设计。

使用CSS和JQuery，您应该可以轻松获得所需内容。

Please refer the image, I think once you see realize the issue.

I tested this tiles in two ways, like UL,LI list and by set of DIVs but none of was success. I just added float:left but as you see, in the third row, after the tall tile, forth row items does not fill to space.

Please change the name if not right meaning and googled but couldn't find should be my keyword want rich. Please guide me.

解决方案

I use JQuery Masonry for designing like this.

Using its CSS along with JQuery you should be easily able to get what you want.

这篇关于即使不同的宽度和高度逐个填写瓷砖的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！