對齊下面的Tumblr塊引號，不在，彼此

Question

我是HTML/CSS的新手。我決定學習它，所以我可以編寫我自己的Tumblr主題（我很自豪地說它已經接近完成了！）。我試圖設計回覆，這些回覆是以塊引用的形式出現的。我希望他們排成一行，如矩形一個接一個地排列（如在論壇帖子等），但我無法弄清楚如何。目前，他們彼此堆疊內，因爲是默認：

你可以看到這個問題... 1

任何建議，將不勝感激。請和謝謝:)

Answer 1

{Caption}變量不允許任何操作，所以你需要使用腳本。有一個插件可以實現這一點，請參閱un-nest tumblr captions。

或者，如果您查看新的默認tumblr主題的代碼，您會看到有大量未公開的變量用於實現此目的。

對於照片的後期，這是他們的代碼：

{block:NotReblog} 
<figcaption class="caption"> 
    {Caption} 
</figcaption> 
{/block:NotReblog} 

{block:RebloggedFrom} 
<div class="reblog-list"> 
    {block:Reblogs} 
    <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}"> 
     <div class="post-reblog-header"> 
      <div class="post-avatar"> 
       <div class="post-avatar-wrapper"> 
        {block:IsActive} 
        <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> 
         <img class="post-avatar-image" src="{PortraitURL-64}"> 
        </a> 
        {/block:IsActive} 
        {block:IsDeactivated} 
        <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}"> 
         <img class="post-avatar-image" src="{PortraitURL-64}"> 
        </span> 
        {/block:IsDeactivated} 
       </div> 
      </div> 
      {block:IsActive} 
      <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a> 
      {/block:IsActive} 
      {block:IsDeactivated} 
      <span class="inactive post-tumblelog-name">{Username}</span> 
      {/block:IsDeactivated} 
     </div> 
     <div class="post-reblog-content"> 
      <div class="post-body"> 
       {Body} 
      </div> 
     </div> 
    </div> 
    {/block:Reblogs} 
</div> 
{/block:RebloggedFrom} 

另外一個側面說明：從我與上面的代碼進行試驗，如果你改變{Portrait-64}任何其他標準tumblr頭像尺寸（比如30,24等），它會恢復到你正在使用的虛擬形象的博客。