使用內聯塊創建網格式Tumblr主題？

Question

即時通訊嘗試使用內聯塊製作網格式Tumblr主題，但出現了一些......併發症。帖子自動垂直對齊。如果它們的尺寸完全相同，那麼這個問題就不會成爲問題，但是這些帖子在高度上有所不同。總結一下，我希望創建兩列不同高度的帖子，它們沒有任何垂直對齊。我嘗試了許多不同的解決方案，但似乎沒有任何工作。

第一個鏈接是JSFIDDLE。

This is how it currently looks與how I would like it to look.

CSS

#entries { 
width: 600px; 
{block:PermalinkPage}width: 630px;{/block:PermalinkPage} 
position: relative; 
padding: 0px; 
margin: 10px 0px 0px 0px; 
} 

.posts { 
position: relative; 
text-align: left; 
background: {color:Posts}; 
width: 250px; 
{block:PermalinkPage}width: 500px;{/block:PermalinkPage} 
margin: 20px; 
padding: 0px; 
word-wrap: break-word; 
display: inline-block; 
clear: right; 
} 

.posts nth-child(even) { 
float: right; 
} 

任何提示或可能的替代方案是最好的，因爲我不能爲我的生活想出解決辦法。我開始認爲垂直對齊只是內聯塊的固有特性？

Answer 1

只有CSS很辛苦，但你可以使用JavaScript插件gridalicious這裏是GitHub上的鏈接https://github.com/suprb/Grid-A-Licious

<div id="container"> 
    <div class="item"> 
     <img src="../"> 
     <p>Text </p> 
    </div> 
<div> 

下面的例子http://jsfiddle.net/wqfoku85/