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 对图片进行布局！