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

將影像放置在 Div 的中央

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

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

<div>
<p><strong>2.配置影像屬性：</strong></p>
<pre class="brush:php;toolbar:false">#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

範例：

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