CSS 如何实现文字两端对齐

CSS 如何实现文字两端对齐

需求

红框所在的文字有四个字的、三个字的、两个字的，如果不两端对齐可以选择居中对齐，或者右对齐。但是如果要想文字两端对齐呢？

代码

<div>姓名div>
<div>手机号码div>
<div>验证码div>
<div>账号div>
<div>密码div>

div{
margin:10px 0; 
width:100px;
border:1px solid red;
text-align-last: justify;
}

最终效果

转载：https://github.com/jawil/blog/issues/29