css实现文本两端对齐

html代码：

<ul>
    <li>密 码</li>
    <li>用 户 名</li>
    <li>身 份 证 号</li>
</ul>

css代码：

ul li{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: justify;
    text-align-last:justify
}
ul li:after{
    content: '';
    display: inline-block;
    width: 100%;
}

结果：

 

 

注意事项：

文字不加空白，只能在谷歌、火狐浏览器上正确显示，在其它浏览器中没效果。

因为大部分浏览器要使得两端对齐生效，需在文本间插入空白，如空格。