在網(wǎng)頁(yè)中，文字和圖片同樣占據(jù)重要的位置。然而，如果它們沒(méi)有良好的對(duì)齊，會(huì)給用戶帶來(lái)閱讀和瀏覽的不便。因此，我們需要了解如何使用CSS設(shè)置文本和圖片的對(duì)齊方式。

img {
vertical-align: middle; /* 垂直居中 */
float: left; /* 圖片左浮動(dòng) */
margin-right: 10px; /* 距離文本右邊距離為10px */
}
p {
line-height: 1.5em; /* 行高為1.5倍行高 */
text-align: justify; /* 文本兩端對(duì)齊 */
}

使用vertical-align屬性，我們可以將圖片垂直居中對(duì)齊并與周圍文本對(duì)齊。如果要使圖片靠左或靠右，我們可以使用float屬性。還可以使用margin屬性來(lái)控制圖像周圍的間距。

對(duì)于文本的對(duì)齊，我們可以使用text-align屬性將其左對(duì)齊、右對(duì)齊或居中對(duì)齊。我們還可以使用line-height屬性控制文本行高，以改善段落閱讀體驗(yàn)。

在Web設(shè)計(jì)中，對(duì)齊是實(shí)現(xiàn)整體協(xié)調(diào)和頁(yè)面平衡的關(guān)鍵要素之一。通過(guò)掌握CSS設(shè)置文本和圖片對(duì)齊的技能，我們可以為用戶提供更好的視覺體驗(yàn)。