喂养方式与此类似

Question

我一直在思考这个问题大概3-4个小时，无法将我的头围绕着如何去做。我一直在寻找This Feed，并试图复制它为我正在工作的一个WordPress博客，我已经看过无数的Jquery插件，但似乎没有让他们在行 - 任何帮助，这将非常感激。

我遇到的问题是上面的链接上的feed有一个可爱而漂亮的feed，但它不像Pinterest那样级联，敏锐的眼睛可能会发现每一行都完美对齐，并且所有的启动都是相同的位置并结束于相同的位置，但图像是可变的高度。

TL; DR

• 婉婷类似于提供的链接的进料。
• 静态行高
• 行内可变图像高度。

任何帮助将是伟大的。

Answer 1

最好的办法是制作一张桌子。

<table> 
    <tr> //a table row 
     <td>CONTENT</td> 
     <td>CONTENT</td> 
     <td>CONTENT</td> 
    </tr> 
</table> 

那么对于CSS：

table { 
    position:relative; 
    table-layout:fixed; 
    width:100%; 
    margin:1em auto 1em auto; 
} 
td { 
    border-color:transparent; 
    width:20%; 
    height:450px; 
    padding:0; 
    margin:5 
} 

你可以玩的CSS，但是一个表是最适合这种事情。