餵養方式與此類似

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，但是一個表是最適合這種事情。