CSS实现文本两端对齐

<el-col :span="3"><span class="newFix-name">车牌号：</span></el-col>
<el-col :span="3"><span class="newFix-name">基础信息：</span></el-col>
<el-col :span="3"><span class="newFix-name">车型信息：</span></el-col>

<style scoped>
    .newFix-Info-box li span {
        display: inline-block;
        width:70px;
        height:30px;
        color: #999;
        margin-right: 10px;
        text-align: justify;
        vertical-align: middle;
      }
      .newFix-Info-box li span:after{
        display: inline-block;
        width:100%;
        height: 0;
        content: '';
      }
</style>

在实现对齐的时候，由于justify对最后一行无效，所以我们需要在最后新增一行来实现，实现方法
1.利用css标签span,i,p等都可以实现增加空行，
2.利用css伪类 after来实现也就是上面代码的实现机制，感觉这样实现是最好的一种方案，推荐给大家。