CSS并排div的自动等宽

• Z时代
• 2024-01-10
• 分类：问答

我有一个父div，其中将包含2或3个子div。我希望子div自动采用相等的宽度。

谢谢

回答：

这不是不可能的。使用甚至还不是特别困难display: table。

该解决方案将在现代浏览器中运行。在IE7中将无法使用。

#wrapper {
    display: table;
    table-layout: fixed;
    width:90%;
    height:100px;
    background-color:Gray;
}
#wrapper div {
    display: table-cell;
    height:100px;
}

<div id="wrapper">
    <div id="one">one one one one one one one one one one one one one one one one one one one one one</div>
    <div id="two">two two two two two two</div>
    <div id="three">three</div>
</div>

以上是 CSS并排div的自动等宽 的全部内容， 来源链接： utcz.com/qa/428318.html