文字两端对齐

文字两端对齐是利用text-align属性的justify值来达到，使用示例如下

// HTML

<div>姓名</div>

<div>手机号码</div>

<div>账号</div>

<div>密码</div>

   

// css

div {

margin: 10px 0;

width: 100px;

border: 1px solid red;

text-align: justify;

text-align-last:justify

}

得到的效果

justify的兼容性还行，IE、Firefox、Chrome没问题，Safari的text-align-last不支持