如果不喜歡看分析過程，可以跳到最后看最終兼容方案 史前方法： 以前實現兩端對齊是這樣的： 效果是這樣： 然后再慢慢加&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的結果： 然后我們使用 ...