如何使用 CSS 將圖片在 Div 內水平居中？

將影像在Div 元素內水平居中

問題：

問題：

水平對齊影像在其包含的div 中使用CSS 最初被證明是具有挑戰性的。嘗試使用現有 CSS 使圖片居中無法產生所需的結果。

解決方案：

#artiststhumbnail a img {
    display:block;
    margin:auto;
}

• 為了有效地使影像居中，對CSS 進行了修改：
• disdis| :block:
轉換內嵌影像到區塊級元素中，允許額外的定位控制。

margin:auto: 自動為影像增加相等的左右邊距，使其在 div 內居中。

結果：修改後的 CSS 可確保 div 元素中的圖像現在，根據需要完全水平居中。現場示範可以在這裡找到：http://jsfiddle.net/marvo/3k3CC/2/。

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