css小技巧：表单的label在字体个数不同的时候，让字体间距相等

 

html结构

 

<ul>
			<li><label>姓名</label></li>
			<li><label>身份证</label></li>
			<li><label>手机号码</label></li>
		</ul>

css样式

 

label{
	display: block;
	width:5rem;
	font-size: 14px;
	text-align-last: justify;
}
/* 兼容safari */
label:after { 
    content: '';
    width: 100%;
    display: inline-block;
}

效果：

原文链接：https://segmentfault.com/q/1010000012872053