在前端開發中，常常會遇到需要讓一行文本實現兩端對齊的情況，這對于增強頁面的美觀度和易讀性大有裨益。今天我們來介紹一下如何使用火狐瀏覽器（Firefox）實現 CSS 兩端對齊。

首先，我們需要使用

text-align: justify;

這個屬性來讓文本兩端對齊。這個屬性給我們提供了一種自動填充空白的方式，可以讓文本實現左右兩端對齊。

但是，單純的使用

text-align: justify;

還不能完美實現兩端對齊。因為這個屬性的工作原理是根據單詞之間的空格來自動填充空白的，如果兩端都沒有空格的話，就會出現左右兩端不對齊的情況。

為了解決這個問題，我們需要使用火狐瀏覽器提供的一個特殊屬性：

-moz-text-align-last: justify;

。這個屬性可以讓我們在文本的最后一行使用兩端對齊。

下面是使用火狐瀏覽器實現 CSS 兩端對齊的示例代碼：

p {
text-align: justify;
display: -moz-box; /* 使用 firefox 彈性盒子布局 */
-moz-box-pack: justify; /* 將彈性盒子內部的內容兩端對齊 */
-moz-text-align-last: justify; /* 使文本在最后一行兩端對齊 */
}

在這里需要注意的是，我們要使用 Firefox 瀏覽器的彈性盒子布局（

display: -moz-box;

），并在內部使用屬性

-moz-box-pack: justify;

來使內容兩端對齊。

這樣，我們就成功地實現了 CSS 兩端對齊，讓頁面更加美觀易讀。