CSS是網頁設計的重要組成部分，通過CSS我們可以對頁面中的元素進行各種樣式設置和操作。其中，對于圖片對齊的設置，也可以通過CSS來實現。 首先，在HTML中創建一個圖片元素，并設置其對齊方式為默認的左對齊方式。代碼如下： ```

這是一張圖片：

``` 這時候，圖片將會默認排在左邊，并且文字內容將會緊跟其后。如果希望設置圖片與文字之間的距離，可以通過CSS來進行操作。 以垂直居中的方式為例，實現圖片在文本中水平居中，垂直居中。 ```

這是一張圖片：

``` CSS代碼如下： ``` .align-center { display: block; margin: 0 auto; vertical-align: middle; } ``` 其中，通過設置圖片元素為塊級元素，使其可以在頁面中設置其寬度和高度，同時通過設置上下邊距為auto，實現其在父元素中的垂直居中，而通過設置text-align屬性為center，實現圖片的水平居中。 上述方式實現了圖片在文字中的水平居中，并且還實現了圖片的垂直居中，讓圖片所在的段落看起來更加美觀和整潔。通過CSS對圖片進行對齊方式的設置，可以讓設計師更加方便地進行網頁設計和布局，實現更加優美的視覺效果。