試圖讓3 div中心內div

嗨我想中心3 div的div內。試圖讓3 div中心內div

.outer { 
 
    border: 1px solid blue; 
 
    width: 80%; 
 
} 
 

 
.inner { 
 
    border: 1px solid red; 
 
    float: left; 
 
    width: 20px; 
 
    height: 20px; 
 
    margin-left: 20px; 
 
} 
 

 
.clear { 
 
    clear: both; 
 
}

<div class="outer"> 
 
    <div class="inner"></div> 
 
    <div class="inner"></div> 
 
    <div class="inner"></div> 
 
    <div class="clear"></div> 
 
</div>

有人能幫助這一點。

謝謝。

來源

2014-11-06 user2557307

發佈您的代碼，而不是一個鏈接到你的代碼 – hunter 2014-11-06 19:59:03

郵政代碼的代碼標記和之後的鏈接。並請詳細說明，也許你想要的會更好。 – KyleK 2014-11-06 19:59:21

嘗試[flex]（http://css-tricks.com/snippets/css/a-guide-to-flexbox/） – avrahamcool 2014-11-06 20:09:51

如果你想實現this剛：

HTML：

<div class="outer"> 
    <div style="display: inline-block;"> 
     <div class="inner"></div> 
     <div class="inner"></div> 
     <div class="inner"></div> 
    </div> 
</div>

CSS：

.outer{ 
    border: 1px solid blue; 
    width: 80%; 
    text-align: center; 
} 

.inner:first-of-type{ 
    margin-left: 0px; 
} 

.inner{ 
    border: 1px solid red; 
    width: 20px; 
    height: 20px; 
    margin-left: 20px; 
    float: left; 
}

來源

2014-11-06 20:06:31 paulalexandru

試圖讓3 div中心內div

回答

相關問題