CSS倆端對齊

在網頁設計中，我們經常需要對多行文本進行排版，使得文本在容器內呈現出更好的可讀性。其中，倆端對齊是一種非常流行的文本排版方式。

倆端對齊又稱為自適應或平均分布，它將文本的每一行都填滿容器內的寬度，并在行尾自動填充空格或縮小字間距，以使文本整體左右對齊。倆端對齊在印刷品和雜志中很常見，但它也可以使用 CSS 在網頁中實現。

下面是使用 CSS 實現倆端對齊的示例代碼：

.container {
text-align: justify;
}
.container::after {
content: "";
display: inline-block;
width: 100%;
}

通過將容器的文本對齊方式設置為justify，可以讓每一行文本水平填滿容器，但最后一行可能會出現較大的間隙。為了使之美觀，我們需要在容器的末尾添加一個偽元素（::after），并設置它的寬度為 100%。該偽元素會自動填充最后一行的空白，并使得整個文本容器左右對齊。

需要注意的是，在使用倆端對齊時，通常需要控制每一行文本的字號和行高，以防止出現過大或過小的空隙。同時，非常短的文本行可能不會呈現任何縮放效果，因此在排版時需要盡可能地保持文本列寬的一致性。

在實際應用中，可以使用 CSS 的hyphens屬性來控制單詞的換行，以保持文本的整體美觀。此外，也可以使用 JavaScript 或 jQuery 等庫來控制文本的排版和效果。

總之，倆端對齊是一種非常實用的文本排版方式，可以提高網頁的閱讀體驗。通過 CSS 和其他技術的結合，我們可以實現各種不同風格的倆端對齊，為我們的網頁設計增添一份新的美感。