天天看點

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

繼續閱讀