我们在写项目的时候时常会碰到这样的情况:
整行里只有一个标签,这个标签居右显示,那么如何实现这样的展示呢,我们很容易想到给这个标签加一个margin-left,然后量边距,但是,如果这样写的话,屏幕尺寸发生变化,固定的边距是不会适配屏幕的,还有人会想到用浮动来解决,但是浮动又会碰到很多问题,非常不好用。
这里,我们用一个方法就可以实现这个,那就是使用flex布局,具体代码如下
HTML部分需要给这个盒子内部添加一个和需要右对齐的盒子同级的空的div
<div class="btn-bottom">
<div></div>
<div>
<el-button type="primary" round size="small">批量填充</el-button>
</div>
</div>
css部分
.btn-bottom{
display: flex;
justify-content: space-between;
}
这样就可以实现了