不使用浮动实现标签居右显示（flex布局）

我们在写项目的时候时常会碰到这样的情况：

 整行里只有一个标签，这个标签居右显示，那么如何实现这样的展示呢，我们很容易想到给这个标签加一个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;
}

这样就可以实现了