居中3 div在父div [英] Center 3 div in parent div

问题描述

我正在尝试将3个div放到父div中，但没有结果。
您可以帮我吗？

HTML：

 < div id =container> 
< div id =left>< / div> 
< div id =middle>< / div> 
< div id =right>< / div> 
< / div> 
  

CSS：

  #container {
 text-align：center; 
} 
 
 #left，#middle，#right {
 width：200px; 
 float：left; 
背景：红色; 
 height：90px; 
} 
  

结果：

更改 float：left; 至 display：inline-block; ，如下所示：

  #left，#middle，#right {
 width：200px; 
 display：inline-block; 
背景：红色; 
 height：90px; 
} 
  

I am trying to center 3 div into a parent div with no result. Could you help me please ?

HTML :

<div id="container">
    <div id="left"></div>
    <div id="middle"></div>
    <div id="right"></div>
</div>

CSS :

#container {
   text-align: center;
}

#left, #middle, #right {
    width: 200px;
    float: left;
    background: red;
    height: 90px;
}

RESULT :

解决方案

Change the float:left; to display:inline-block;, like this:

#left, #middle, #right {
    width: 200px;
    display:inline-block;
    background: red;
    height: 90px;
}

这篇关于居中3 div在父div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！