使用CSS 在Div 中居中放置超大圖像

.parent {
    position: relative;
    overflow: hidden;
    // Optional height and width settings based on the desired design
}

.child {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

要解決此問題，請考慮以下 CSS 解決方案：

。父級{ 位置：相對； 溢出：隱藏； // 根據所需的設計可選的高度和寬度設置 } 。孩子 { 位置：絕對； 頂部：-9999px； 底部：-9999px； 左：-9999px； 右：-9999px； 保證金：自動； }

此方法可確保任何映像，無論大小如何，都將在其父 div 內水平和垂直居中。負的頂部、底部、左側和右側值本質上強制影像填充父項內的整個空間，並且邊距：自動規則將其在該空間內居中。