CSS Div串聯塊垂直排列頂部

我有div顯示內嵌塊（CSS）。

#content { 
 
     position: absolute; 
 
     width: 950px; 
 
     margin-top: 10px; 
 
     margin-left: auto; 
 
     margin-right: auto; 
 
     left: 0; 
 
     right: 0; 
 
    } 
 
    #content .post_box { 
 
     display: inline-block; 
 
     width: 300px; 
 
     border: 1px solid #dddddd; 
 
     vertical-align: top; 
 
     margin-bottom: 10px; 
 
    } 
 
    #content .post_box img { 
 
     max-width: 100%; 
 
    }

<div id="content"> 
 
    <div class="post_box"> 
 
    a 
 
    </div> 
 

 
    <div class="post_box"> 
 
    <img src="https://pbs.twimg.com/media/CdRFUqRVAAAtREu.jpg" /> 
 
    </div> 
 

 
    <div class="post_box"> 
 
    c 
 
    </div> 
 

 
    <div class="post_box"> 
 
    d 
 
    <br>d 
 
    </div> 
 

 
    <div class="post_box"> 
 
    e 
 
    </div> 
 
</div>

以下是演示：

http://175.111.116.69/kongkow.co/

我想「d」也正是「一」下。所以「d」將是該圖像的左側。

我該如何修復該代碼？

來源

2016-03-12 HiDayurie Dave

你的問題不明確。你能解釋一下細節還是提供你想要的東西的粗略草圖？ –

用粗略的草圖詳細解釋。 – RAN

請看上面的圖片。剛剛更新。這就像twitter主頁（登錄前）。 –

這可以幫助你

<div id="content"> 
    <div class="post_box"> 
     <div class="post_box"> 
     a 
    </div> 
    <div class="post_box"> 
     d<br>d 
    </div> 
    <div class="post_box"> 
     e 
    </div> 
    </div> 

    <div class="post_box"> 
     <img src=""/> 
    </div> 
    <div class="post_box"> 
    <div class="post_box"> 
     c 
    </div> 
    </div> 
</div>

來源

2016-03-12 06:43:04

爲什麼你不使用css屬性'float：left'，我認爲它也可以工作 –

CSS Div串聯塊垂直排列頂部

回答

相關問題