如何在 Div 中水平和垂直居中圖像？

將影像放置在 Div 的中央

您希望將影像放置在 div 中，使其恰好位於中間和中心。要實現這種對齊，請按照下列步驟操作：

1.建立具有絕對定位的Div：

<div>

2.配置影像屬性：

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

• margin-left: auto;：這可確保影像位於 div 的右邊緣。
• margin-right: auto;: 同時將影像的右邊緣定位到影像的左邊緣div.
• display: block;：將影像轉換為區塊級元素，允許垂直居中。

範例：

<div>

此方法將影像在 div 內居中對齊，而不管 div 的尺寸。

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