我尝试使用Pinterest HTML

Question

我写了一些html来创建类似于Pinterest的文本/图像块。我尝试使用“float：left”创建3列tile，但是对齐方式不正确。

http://jsfiddle.net/cme0848/zran44vr/6/

.tb-box{
   font-family: 'Ubuntu', sans-serif;
   width:245px;
   border-radius:5px;
   background-color:#f3f3f5;
   float:left;  
   margin-right:5px;
   text-align:center;
   margin-bottom:5px;
}

如何让我的瓷砖从左到右正确填充？

〜克雷格

Answer 1

根据一位同事的说法，使用当今的W3C标准，这种类型的样式在CSS中是不可能的。我将不得不更改我的代码以使用jquery。

这基本上就是我要找的东西。 Simple Jquery Plugin。轻量且灵活的pintrest样式网格实现。我所要做的就是在他们提供的示例HTML中的标签内插入我的DIV。