如何使用 CSS 將圖片在 Div 中水平和垂直居中？

在Div 內居中並垂直對齊影像

對於給定的HTML 片段：

`

<div>

`

可以使用 CSS 屬性來調整圖片的位置，使其在指定 div 內水平和垂直居中。

要將影像水平居中對齊，請使用：

#over img {
  margin-left: auto;
  margin-right: auto;
}

這會將影像向左對齊並div 的右邊緣，從而實現居中放置。

要在中間垂直對齊影像，請使用以下方法將影像設定為區塊級元素：

#over img {
  display: block;
}

這允許影像佔據 div 內可用空間的完整高度。

更新的 HTML 和 CSS 片段變成：

<div>

body {
  margin: 0;
}

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

以上是如何使用 CSS 將圖片在 Div 中水平和垂直居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！