CSS控制圖片對齊方式有很多種，可以通過設置屬性值來實現對齊方式的改變。下文將介紹三種常用的控制圖片對齊的方法。
第一種方法是使用text-align屬性來控制圖片對齊方式。我們可以將text-align屬性設置為center、left或者right來分別實現居中對齊、左對齊或右對齊。例如，我們想將一張圖片居中對齊，可以設置以下樣式：

img{
display: block;
margin: 0 auto;
}

在這個例子中，我們將img標簽的display屬性設置為block，使其以塊狀元素顯示。利用margin屬性，我們將上下左右邊距都設置為0。在設置水平方向的邊距時，將左右的邊距設置為auto可以使圖片水平居中對齊。
第二種方法是使用vertical-align屬性控制圖片對齊方式。默認情況下，圖片是以基線對齊的，vertical-align屬性可以改變對齊方式。vertical-align屬性可以設置為top、middle、bottom等值。例如，我們想將一張圖片與文本垂直居中對齊，可以設置以下樣式：

img{
vertical-align: middle;
}

在這個例子中，我們將img標簽的vertical-align屬性設置為middle，使其與相鄰文本垂直居中對齊。
第三種方法是使用float屬性控制圖片的對齊方式。通過將圖片浮動到左側或右側，可以實現文本環繞效果。例如，我們想將一張圖片浮動到右側，可以設置以下樣式：

img{
float: right;
}

在這個例子中，我們將img標簽的float屬性設置為right，使其向右浮動。浮動后，左側的文本將環繞到圖片的右側出現。
總之，通過text-align、vertical-align和float屬性，我們可以靈活地控制圖片的對齊方式，達到滿足需求的效果。