背景 如果我们要写了列表或表单类的样式,名称长短不一,但是想要两端对齐,如下面这样的: 你是怎么写的? 是这样的吗,在HTML里调整加空格: <ul> <li>用户名</li> <li>账 号</li> <li>验证码</li> </ul> 那么如果有很多个这样的名称呢,如果字数为2、3、4、5、6个字呢?你要一个个改?一个个加空格? 解决方案 先上代码: 效果图: 原理 CSS属性text-align:justify:内联元素左侧与块级元素左侧对齐,且内联元素右侧与块级元素右侧对齐, 即两端对齐 具体属性详解,请大家搜索吧!本文仅提供思路。