在CSS中，兩頭對齊是一個很常見的需求。兩頭對齊就是指讓兩端的文本在同一水平線上對齊，看起來整齊統(tǒng)一。

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

上述代碼實現(xiàn)了兩頭對齊，首先設置了文本元素為行內(nèi)塊級元素，并將其文本對齊方式設置為兩端對齊。接著，在該元素后添加一個空元素，通過該空元素的寬度為100%來實現(xiàn)兩頭對齊。

需要注意的是，兩頭對齊只能在純文本中使用，如果其中有圖片、鏈接或其他非文本元素，就會出現(xiàn)對齊異常的情況。如果需要處理這種情況，可以使用flex布局或表格進行布局。

.container {
display: flex;
align-items: center;
justify-content: space-between;
}
.container img {
width: 50px;
height: 50px;
}

上述代碼使用flex布局，在容器中設置元素垂直居中，并將元素之間的間隔平分為兩個部分，從而實現(xiàn)了兩端對齊的效果。如果需要添加圖片，可以為圖片設置固定的寬高。

總之，兩頭對齊在網(wǎng)頁設計中很常見，能夠優(yōu)化用戶的視覺體驗。掌握以上方法，能夠輕松實現(xiàn)兩頭對齊效果。