css冒号对齐

实现后的样式效果

实现方式

html：

<el-col v-if="item.showInSingle !== false" :span="6" style="padding: 4px 0"><label>{{ item.label }}：</label><span v-if="singleData[item.prop] !== 0 && !singleData[item.prop]">--</span>
</el-col>

css

	label {display: inline-block;width: 120px;text-align: right;}

将标题置为inline-block，给一个固定长度，然后指定右偏移。