保持浮動div居中在窗口調整大小css

Question

我們可以在窗口div中的浮動div集中調整隻使用CSS？

我的容器div是100％寬度，它包含3個div，裏面有固定的寬度。 我需要在調整窗口中心內部div。

有什麼辦法可以用這樣做只用CSS？

Answer 1

它會幫助，如果你發佈一些代碼。但盲目地，我建議你將你的div設置爲display: inline-block，並將text-align: center添加到父容器。

例HTML

<div class="container"> 
    <div class="box"></div> 
    <div class="box"></div>  
    <div class="box"></div> 
</div>  

範例CSS

.container{ 
    width: 100%; 
    text-align: center; 
} 

.box{ 
    background: red; //random value 
    height: 100px; //random value 
    width: 100px; //random value 
    display: inline-block; 
} 

EXAMPLE FIDDLE

Answer 2

是，一對夫婦不同的方式：

• 三個div的可浮有33.333％
• 的div容器可以設置爲display:table和包含的div設置爲display:table-cell的寬度。