CSS定義圖片絕對居中是網頁設計中常見的需求之一。下面將介紹兩種實現方法。

方法一：使用絕對定位

.center-img{
position: relative;
}
.center-img img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼中，將包含圖片的元素（.center-img）設置為相對定位。對圖片（.center-img img）設置為絕對定位，通過top和left將圖片定位在容器的中心位置。最后，使用transform的translate屬性將圖片向左和向上移動50%，達到居中的目的。

方法二：使用Flex布局

.center-img{
display: flex;
justify-content: center;
align-items: center;
}
.center-img img{
max-width: 100%;
max-height: 100%;
}

使用Flex布局可以簡單快捷地實現圖片居中。將包含圖片的元素（.center-img）設置為Flex布局，然后使用justify-content和align-items屬性將圖片水平和垂直居中。最后，設置圖片的max-width和max-height為100%，使其能夠根據容器自適應大小。

綜上所述，以上兩種方法都能夠實現圖片的絕對居中，具體使用哪一種取決于實際情況的具體需求。