CSS是一種用來定義網頁樣式的語言。它可以用來控制文本、圖片、背景、布局等等。有一個常見的問題是如何用CSS控制圖片居中。下面我們就來討論一下。

img{
display:block;
margin:auto;
}

我們可以給img標簽定義一個CSS樣式。其中，display:block; 和 margin:auto; 是其中的關鍵代碼。display:block;將img標簽轉換為塊級元素，讓它可以被居中。而margin:auto;則會使圖片在水平方向上居中顯示。

如果你希望圖片在垂直方向上居中顯示，可以嘗試下面這個樣式：

img{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

這個樣式使用了position:absolute;和top:50%;left:50%;把圖片放到頁面的中心。而transform: translate(-50%, -50%);則會把圖片沿著水平和垂直方向都移動到中心位置。這個樣式適用于當圖片的尺寸不一定的時候。

以上兩種方式都可以用來讓圖片在頁面中居中顯示。你可以根據需要來選擇使用哪種方式。