javascript - 在父 div 中居中 3 div

Question

我试图将 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;
    background: red;
    height: 90px;
}

结果:

Answer 1

将 float:left; 更改为 display:inline-block;，如下所示:

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