CSS 水平兩端對齊可以讓文本或者元素在容器中左右對齊，使得頁面看起來更加整潔美觀。接下來我們來看一下如何實現水平兩端對齊。 首先，我們需要使用 text-align: justify; 來實現水平兩端對齊。這個屬性的作用是使每一行都填滿容器的寬度，以達到左右對齊的效果。 ``` .container { width: 500px; text-align: justify; } ``` 但是，我們需要注意到的是，當我們使用以上代碼時，最后一行的對齊方式可能不夠準確。因此，我們需要使用偽元素來解決這個問題。 ```html``` ```css .container { width: 500px; text-align: justify; } .container::after { content: ""; display: inline-block; width: 100%; } p { display: inline-block; width: auto; vertical-align: top; margin-right: -4px; } ``` 在上面的代碼中，我們使用了 ::after 偽元素來撐滿最后一行的寬度，使得最后一行也能夠實現水平兩端對齊。 同時，我們也將每一行的文本強制變成了 inline-block 元素，這樣文本就能夠在行內進行左右對齊。為了解決 margin 問題，我們使用了 margin-right: -4px 來使得行內元素之間沒有多余的空隙。 總結一下，使用 text-align: justify; 來實現水平兩端對齊，再配合上偽元素和一些技巧性的樣式，就能夠實現完美的水平兩端對齊。建議大家多多嘗試，讓你的頁面更有美感。