如果不喜欢看分析过程，可以跳到最后看最终兼容方案 史前方法： 以前实现两端对齐是这样的： 效果是这样： 然后再慢慢加&emsp 或者&nbsp 来调整。原始、粗暴、效率低。em。。。应该摒弃。。。 现代方式： 自从了解到 text-align ...

参考：https://segmentfault.com/q/1010000007136263 法一：text-align-last：justify； html css 由于text-align-last的兼容性问题：https://caniuse.com ...

要点： 1. inline-block使用及ie兼容 2. 末行填充justify_fix元素 3. ie兼容：text-justify:distribute-all-lines; ...

在很多的业务场景中，我们可能需要达到这样的一个效果 也就是将左边的label设定成相同的宽度，并且label内部的文字需要两端对齐，这里需要使用到text-align中的justify。 语法 使用起来很简单，只要在需要文本两端对齐的标签上加上text-align ...

text-align：start | end | left | right | center | justify | match-parent | justify-all justify： 内容两端对齐，但对于强制打断的行（被打断的这一行）及最后一行（包括仅有一行文本的情况 ...

text-align参数值与说明：left：内容左对齐。center：内容居中对齐。right：内容右对齐。justify：内容两端对齐，但对于强制打断的行（被打断的这一行）及最后一行（包括仅有一行文本的情况，因为它既是第一行也是最后一行）不做处理。（CSS3）start：内容对齐开始边界 ...

在 form 表单的前端布局中，我们经常需要将文本框的提示文本两端对齐，例如： 比较粗暴的做法是在需要隔离边距的文本中加标签，然后分别控制每个文字的边距，这种方法比直接加空格或者占位符更精准，我之前也都是这么做的。但是写的多了之后开始思考能不能抽象出来用于更多的场景？让代码更好看一些 ...

　　在平常的开发过程中，对于text-align一般用到的是left,center,right，这三个属性都不会陌生。然而，对于justify的使用我却是很陌生。首先有个比较简单的例子。 　　首先是html代码： 　　 　　首先是不使用justify的结果： 然后我们使用 ...