在網頁設計中，居中圖片通常是必不可少的。那么，在CSS中如何讓圖片居中呢？下面我們就來介紹一下圖片位置居中CSS的寫法。 首先，我們需要用到CSS的居中技術：margin屬性。margin屬性可以用來控制元素的外邊距。想要實現圖片居中，需要將圖片的左右外邊距設置為auto，可以通過以下代碼實現：

img {
margin: 0 auto;
}

這段代碼的意思是，將圖片上下外邊距設置為0，左右外邊距設置為auto（自動居中）。這樣一來，圖片就會水平居中了。 然而，這并不是完整的圖片居中代碼，因為圖片的居中位置還取決于其容器的大小。如果容器的寬度很大，圖片就會左對齊，如果容器的寬度很小，圖片就會右對齊或者溢出容器外。 為了使得圖片在容器中居中，我們需要確保容器的寬度足夠小，只包含圖片和必要的內邊距（如果有）。例如：

.container {
width: 400px;
padding: 20px;
}
img {
margin: 0 auto;
}

在這個例子中，容器的寬度為400像素，內邊距為20像素，因此圖片的最大寬度為360像素。如果圖片的實際寬度小于360像素，則會居中顯示在容器中間。 需要注意的是，以上代碼僅適用于圖片水平居中。如果要實現圖片垂直居中，需要使用其他的技術，例如flexbox。 綜上所述，圖片位置居中CSS的寫法就是將圖片的左右外邊距設置為auto。要實現垂直居中，還需要使用其他技術。希望本文能對大家有所幫助。