天天看点

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;
}
           

效果:

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

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

继续阅读