CSS实现不同lable相同长度，文字平均分布效果

text-align: justify VS text-align-last: justify

前言

工作中经常会有很多lable，字数不一，十分难看，经常需要对齐，但实际上手却没有一次成功，我们来看原因。

思路步骤：

1、目前是有多个span元素想要对其内容比如是姓名、身份证、出生年月、个人联系电话等，实现对齐效果首先想到：

text-align: justify;

我们得到的结果却是这样

很明显，字体并没有分散。但是你仔细看第一个span的第一行，他是分散的，这是为什么呢？我去查了文档，看到对于justify的这句话：文字向两侧对齐，对最后一行无效。说明只有超过一行的时候，除了最后一行的其他行才可以分散对齐。
2、这样看来，这个属性完全不能解决我们的问题了，于是我在文档看到了其他属性。

text-align-last: justify; //最后一行文字的开头与内容盒子的左侧对齐，末尾与右侧对齐。

直接来看结果

成功了！！！
这种业务场景下，就是一行对齐，所以用到这个属性。
最后，平时我们经常会忽略一些小问题，一些细节问题，如果有时间不妨多了解一下。