CSS 中有一種非常實用的功能，就是可以通過設置圖片的樣式來對其進行布局。其中，設置圖片水平對齊方式是一種比較常見的操作。

img {
float: left; /* 圖片向左浮動 */
margin-right: 10px; /* 圖片右側留空白 */
}

上述 CSS 代碼通過設置圖片的浮動及右側間距，使得圖片在文字的左側并留有一定的間隙，從而讓整個頁面布局更加美觀。

img {
display: inline-block; /* 將圖片設置為行內塊元素 */
vertical-align: middle; /* 圖片垂直居中對齊 */
}

如果需要讓圖片在文字中間對齊，則可以使用上述 CSS 代碼。其中，將圖片設為行內塊元素可以讓其與文字位于同一行，并且使用垂直居中對齊方式可以讓其水平、垂直方向上均居中。

CSS 中還有許多其他的圖片布局方式，如居中對齊、絕對定位等等。掌握這些技巧可以讓我們更好地控制頁面布局，達到更好的視覺效果。