CSS 中圖片的居中裁剪是一個(gè)常見的需求。

圖片居中裁剪可以讓圖片在容器中垂直、水平居中，并在不改變圖片寬高比的情況下保持圖片的完整性。

下面是一個(gè) CSS 樣式，實(shí)現(xiàn)了圖片的居中裁剪效果：

.container{
width: 300px;
height: 300px;
position: relative;
overflow: hidden;
}
.container img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

首先，在容器中添加一個(gè) position 屬性為 relative 的 div 元素作為容器。

然后，在其中添加圖片元素，并對其進(jìn)行定位，使其居中，實(shí)現(xiàn)垂直、水平居中的效果。

接下來，為圖片設(shè)置最小寬度和最小高度為 100%，以保證在圖片被放入容器中后，其寬高比例不會(huì)變化，保持圖片的完整性。

這就是實(shí)現(xiàn)圖片居中裁剪效果的 CSS 樣式。