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，给一个固定长度，然后指定右偏移。文章来源地址https://uudwc.com/A/vNA1O