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

html结构

 

1.  

   <ul>

2.  

   <li><label>姓名</label></li>

3.  

   <li><label>身份证</label></li>

4.  

   <li><label>手机号码</label></li>

5.  

   </ul>

 

css样式

 

1.  

   label{

2.  

   display: block;

3.  

   width:5rem;

4.  

   font-size: 14px;

5.  

   text-align-last: justify;

6.  

   }

7.  

   /* 兼容safari */

8. label:after {content: '';width: 100%;display: inline-block;}

效果：