CSS 是前端開發中的關鍵技術之一，它可以讓我們對網頁元素進行樣式定義和控制。其中圖片作為重要的元素在網頁中經常被使用，選擇正確的圖片對齊方式可以提升網頁整體的美觀程度。

在 CSS 中，我們可以通過 float 屬性來控制圖片的左右對齊。float 屬性可以讓元素浮動在當前元素的左側或者右側。下面是一個示例代碼：

.img-left {
float: left;
margin-right: 10px; /* 圖片與文本之間的間距 */
}
.img-right {
float: right;
margin-left: 10px; /* 圖片與文本之間的間距 */
}

上面的代碼中，我們使用了兩個類名 img-left 和 img-right，它們分別代表圖片的左右對齊。在使用這兩個類名時，我們需要最好注意一些細節：

• 在使用 img-left 類名時，我們需要確保元素的父元素應用了 BFC，這樣可以避免出現高度塌陷的問題。
• 在使用 img-right 類名時，我們需要確保圖片不會超出元素的寬度，否則會導致圖片換行。

總之，通過使用 float 屬性可以讓我們輕松地控制圖片的左右對齊。希望這篇文章能夠幫助大家正確地使用 CSS 對圖片進行布局！