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

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