gpt4 book ai didi

css - 两个并排的内部 DIV,一个在中间

转载 作者:行者123 更新时间:2023-11-28 08:01:30 25 4
gpt4 key购买 nike

有两种情况:
1. 并排在一个容器中的两个 div A 和 B
2.同一个容器中的一个div A在中心

这是一个例子:http://jsfiddle.net/lvil/toj9w9zz/

.container_one, .container_two {width:200px; height:100px; background-color:red;}
.container_one .inner_a {width:100px; background-color:green; float:left;}
.container_one .inner_b {width:100px; background-color:blue; float:right;}
.container_two .inner_a{width:100px; margin:0 auto; background-color:green;}

<div class="container_one">
<div class="inner_a">
a
</div>
<div class="inner_b">
b
</div>
</div>
<br>
<div class="container_two">
<div class="inner_a">
a
</div>
</div>

假设容器具有相同的类(与示例中不同)。
内部 DIV 的数量总是变化的(1 或 2)。
是否可以使 css 适合这两种情况?
我已经尝试了很多东西,但无法实现。

最佳答案

尝试内联 block ,为两个 div 保留此 inner_a 规则并删除 float 。

.container_one, .container_two {
background-color: #ff0000;
height: 100px;
text-align: center;
width: 200px;
}

.container_two .inner_a {
background-color: #008000;
display: inline-block;
width: 100px;
}

关于css - 两个并排的内部 DIV,一个在中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29731313/

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