在網頁布局中，我們經常需要實現文本的兩端對齊。傳統的方式是使用表格和空格，然而這會導致布局混亂，不容易維護。CSS提供了更為簡單和可維護的方法來實現兩端對齊布局。

CSS的兩端對齊布局是通過使用text-align屬性來實現的。text-align屬性有四個值：left（左對齊）、right（右對齊）、center（居中）和justify（兩端對齊）。

p{
text-align: justify;
}

使用text-align: justify可以實現兩端對齊布局，但是它對換行的處理比較特殊。一般情況下，兩端對齊布局會通過在每個單詞之間增加空格來實現，但是如果某個單詞太長，在縮短寬度后仍然無法放在同一行，那么就會被放到新的一行。這樣就會導致在一行的末尾出現大量的空格。

為了解決這個問題，CSS提供了一個新的屬性text-justify。text-justify屬性有三個值：auto（自動）、none（不調整）、inter-word（單詞間）。

p{
text-align: justify;
text-justify: inter-word;
}

使用text-justify: inter-word可以讓CSS在單詞之間增加空格，同時避免在單詞之內增加多余的空格。這樣就可以實現完美的兩端對齊布局了。