Question

css弹性盒子父级作为弹性盒子怎么让下面的三个子集两顿对齐

css弹性盒子父级作为弹性盒子怎么让下面的三个子集两顿对齐

Answer 1

使父容器成为弹性盒子设置其样式为：display:fiex
再设置内容对齐方式：justify-content值为space-between
注意这里如果是A容器包含了XYZ三个元素
你希望的是xyz靠两边对齐
那就把上方两个属性设置放在A的样式中
还有一点就是如果子元素有问题，别忘记设置子元素成为块元素
有帮助请采纳谢谢

Answer 2

<style>
.bottom {width:1140px; height:472px; margin:0 auto; padding:35px 30px; background-color:#888; box-sizing:border-box; display:flex; justify-content:space-between}
.botom_left,.botom_center,.botom_right {flex:0 0 30%}
.botom_left {background:red}
.botom_center {background:green}
.botom_right {background:blue}
</style>
<div class="bottom">
<div class="botom_left"></div>
<div class="botom_center"></div>
<div class="botom_right"></div>
</div>