<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来实现也就是上面代码的实现机制,感觉这样实现是最好的一种方案,推荐给大家。