在CSS中，有時我們需要讓文本的兩端對齊，這在排版中顯得尤為重要。比如說我們在設(shè)計網(wǎng)頁時，希望文本在一個矩形區(qū)域中完全填充，但是又不希望通過手動調(diào)整字母之間的間距來實現(xiàn)這個目標。這時候我們可以用CSS中的text-justify屬性來實現(xiàn)。 在CSS中， text-justify屬性是用來控制文本兩端對齊的屬性。它在實現(xiàn)時通常和text-align屬性一起使用。text-align屬性是用來控制文本在容器內(nèi)的對齊方式，有l(wèi)eft, right, center等值。而text-justify屬性則是用來控制文本兩端對齊時的方式，通常有三種值：auto、inter-word和distribute。 auto是默認值，表示將文本對齊到塊容器的左右邊緣。 inter-word表示在單詞之間自動加入合適的空格，從而實現(xiàn)兩端對齊。這個屬性值實現(xiàn)的效果比較簡單，如果文本中存在長單詞，就可能會出現(xiàn)空格太大的情況。這種情況可以通過使用單獨的word-wrap屬性來解決。 distribute比較復雜，它會自動在字符之間加入粒度更細的空格，從而實現(xiàn)更完美的對齊效果。這個屬性值實現(xiàn)的效果比較理想，但是IE不支持這個屬性。所以在使用時需要謹慎。 下面的示例代碼演示了如何使用text-justify實現(xiàn)兩端對齊的效果：

p {
width: 400px;
text-align: justify;
text-justify: inter-word;
}

在這個示例中，我們定義了一個p標簽，并設(shè)置了其包含的文本所在容器的寬度為400px。同時，我們給p標簽設(shè)置了text-align屬性值為justify，表示要使文本兩端對齊。而text-justify屬性值則被設(shè)置為inter-word，表示在單詞之間自動插入空格來實現(xiàn)兩端對齊的效果。 注意，這個屬性只對inline和inline-block元素有效。如果你要對一個塊狀元素應用這個屬性，你需要先將它轉(zhuǎn)換為行內(nèi)元素，如下所示：

div {
width: 400px;
display: inline-block;
text-align: justify;
text-justify: inter-word;
}

在這個示例中，我們將一個div元素轉(zhuǎn)換為行內(nèi)塊級元素，然后使用text-justify屬性來實現(xiàn)兩端對齊效果。 總之，text-justify是一個很好的控制文本兩端對齊的屬性。它可以幫助我們在網(wǎng)頁設(shè)計中更好地實現(xiàn)排版效果。