對齊tumblr帖子

Question

我試圖做一個主題爲我的tumblr博客，這看起來應該像this

菜單欄和工具條是確定的，但我在調整的職位爲有一個小問題在上面的圖片中，但我最終在我的博客中有this。請幫幫我。我使用的代碼作爲....

CSS：

#content{ 
width:900px; 
top:65px;  
left: 10px; 
float: left; 
position: absolute; 
} 

#container{ 
float:left; 
background:#000; 
width: 900px; 
margin: 0px auto; 
left:10px; 
} 

.entry { 
float:left; 
width: 350px; 
overflow:hidden; 
margin: 15px; 
padding: 15px; 
background: {color:box}; 
display: inline-block; 
position: relative; 
z-index:2; 
-webkit-border-radius:3px; 
    -moz-border-radius:3px; 
    border-radius:3px; 
} 

.entry img { 
display: block; 
width:auto; 
max-width: 100%; 
} 

HTML：

<div id="container"> 
<div id="content"> 
<div class="autopagerize_page_element"> 
{block:Posts} 
<div class="entry"> 
{........Different types of posts........} 
</div> 
{/block:Posts} 
</div></div></div> 

JQUERY：

<script src="http://static.tumblr.com/82upcij/4Kio3rj0h/masonry.js"> </script> 

<script type="text/javascript"> 
$(window).load(function() { 
$('#content').masonry(), 
$('.masonryWrap').infinitescroll({ 
navSelector : '#pagination', 
nextSelector : '#pagination a#nextPage', 
itemSelector : ".entry, .clear", 
bufferPx : 40, 
loadingImg : "", 
loadingText : "Loading", 
}, 
function() { $('#content').masonry({ appendedContent: $(this) }); } 
); 
}); 
</script> 

Answer 1

你不ü正確地唱石匠。本質上，你調用它，但不傳遞任何參數，所以它不知道該怎麼做。你也將它稱爲錯誤的元素。你沒有問過的無限滾動問題是另一回事，但你可以通過以下方式修復那個Masonry電話：

$(".autopagerize_page_element").masonry({ itemSelector: ".entry" });