CSS文本两端对齐

背景

如果我们要写了列表或表单类的样式，名称长短不一，但是想要两端对齐，如下面这样的：

你是怎么写的？
是这样的吗，在HTML里调整加空格：

 <ul>
   <li>用户名</li>
   <li>账  号</li>
   <li>验证码</li>
 </ul>

那么如果有很多个这样的名称呢，如果字数为2、3、4、5、6个字呢？你要一个个改？一个个加空格？

解决方案

先上代码：

效果图：

原理

CSS属性text-align:justify：内联元素左侧与块级元素左侧对齐，且内联元素右侧与块级元素右侧对齐， 即两端对齐
具体属性详解，请大家搜索吧！本文仅提供思路。