flex布局三个div两个左对齐⼀个右对齐
⼀、问题
有⼀个盒⼦flex布局,⼦元素有 三个div,在不改变dom结构的情况下,实现 前两个左对齐 第三个右对齐。⼆、实现⽅案
在flex布局中如果某个元素的margin为auto,那么它的margin将会⾃动填充为 剩下的空间。
<div class="box">
<div class="block">
</div>
<div class="block">
</div>
<div class="block" >
</div>
</div>
<style>
.box{
display: flex;
justify-content: flex-start;
}
.block{
width: 100px;
height: 100px;
background-color: black;
}
flex布局对齐方式
</style>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论