在很多的業務場景中，我們可能需要達到這樣的一個效果
也就是將左邊的label設定成相同的寬度，並且label內部的文字需要兩端對齊，這里需要使用到text-align中的justify。
語法
使用起來很簡單，只要在需要文本兩端對齊的標簽上加上text-align:justify
左邊是設定text-align:left，右邊是設定了text-align:justify,可以看出，justify實際上是將每個單詞的間距進行拉伸，以達到兩端對齊的效果。
存在問題
當標簽中文本只有一行時，justify並沒有生效。
實際上，justify會自動忽略文本的最后一行。justify的主要還是應用於大段文本的處理，類似於這種情況：
在這種情形下，顯然讓最后一行文字兩端對齊是不合適的。
解決方法
既然justify是針對最后一行文本無效的，那我們可以借助偽元素將文本的整體行數變為多行,代碼如下
呈現的效果如下
（如果要將after帶來的高度消除掉，可以給box設置一個固定高度）
要點：
1、需要使用after，將偽元素放在需要兩端對齊的元素后面，作為第二行；
2、設定after的width為100%，生成第二行；
3、設置為行內塊元素，設置的width才有效。
轉： https://blog.csdn.net/weixin_43801564/article/details/84766558
相關： elementUI的form的 lable的兩端對齊 https://www.cnblogs.com/niluiquhz/p/10512492.html