在網頁設計中，圖像的位置是非常重要的。CSS提供了多種方式來控制圖像的位置，包括文字環繞、居中、上下左右等。

/* 圖像向左浮動，并文字環繞 */
img {
float: left;
margin: 0 10px 10px 0;
}
/* 圖像居中 */
img {
display: block;
margin: 0 auto;
}
/* 圖像位置調整 */
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼演示了三種不同的圖像位置處理方法。

第一種方法將圖片向左浮動，并設置一些外邊距，讓周圍的文字環繞在圖片周圍。這種方法適用于在文章中插入圖片時，希望圖像與文本融合在一起，增強文章的可讀性。

第二種方法將圖片居中。這種方法適用于在網站頁面中放置寬度較小的圖像，如網站的logo、banner等。

第三種方法使用了CSS的定位屬性，將圖片定位在頁面中的絕對位置。其中，top、left屬性用于定位圖片的左上角位置，transform屬性用于將圖片向頁面中心平移，使之居中。這種方法適用于在網站中放置寬度較大的圖像，如背景圖像等。