保持浮动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的宽度。