在网页中，我们经常需要对图片进行处理，一种常见的需求是让图片在居中的同时，超出容器大小显示。这可以通过CSS来实现。

.container {
width: 300px;
height: 200px;
border: 1px solid #ccc;
overflow: hidden;
}
.container img {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto;
width: 100%;
}

上述代码中，我们首先定义了一个容器，指定了容器的宽度、高度以及边框样式。然后，我们将容器的溢出部分隐藏，以便达到超出显示的效果。

接着，我们对图片进行了定位处理。通过设置位置为相对，我们可以实现将图片放置在容器中心。然后，我们使用transform属性使图片水平与垂直方向都处于容器中心。

最后，我们对图片的宽度进行了处理。通过将宽度设置为100%，我们可以保证图片的宽度随容器的大小而变化，同时高度则设置为auto，以保持图片比例不变。

通过以上代码的处理，我们可以轻松实现图片超出居中显示。