gpt4 book ai didi

html - 如何并排制作3个div

转载 作者:行者123 更新时间:2023-11-28 04:17:15 25 4
gpt4 key购买 nike

<分区>

如何并排制作 3 个 div。其中 div1 最左,div3 最右,div2 在中间。

我知道这可以通过 display:flex 和 justify-content:space-between 来完成,但我正在寻找一种没有 flex 的方法。

这是我的方法,但是没能成功。

我尝试将所有 div 的 display:inline-block 和 float:left 和 float:right 设置为两个极端的 div,对于中间的 div,我尝试了 margin:auto,但看起来它没有遵守它

请帮忙

.container {
border: 1px solid;
}
.container div {
height: 50px;
width: 50px;
background: red;
display: inline-block;
}
#div1 {
float: left;
}
#div3 {
float: right;
}
#div2 {
margin: auto;
}
<div class="container">

<div id="div1"></div>
<div id="div2">he</div>

<div id="div3"></div>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com