CSS中有一种常用的图片样式叫做图片中间拉伸，其实就是指在不改变图片比例的前提下，增加图片的宽高大小，让图片能够填满容器。这种样式在网页开发中经常用到，下面来介绍一下怎样实现。

img {
width: 100%;
height: auto;
max-width: 100%; /* 假如图片宽度超过容器时，则将图片宽度调整至容器最大 */
max-height: 100%; /* 假如图片高度超过容器时，则将图片高度调整至容器最大 */
object-fit: cover; /* 宽高比不变，拉伸图片以填满容器 */
}

这段代码中使用了一些CSS属性，下面简单介绍一下：

• width: 100%;表示图片宽度为容器宽度。
• height: auto;表示图片高度自适应，避免图片比例失调。
• max-width: 100%;表示图片宽度不得超过容器宽度。
• max-height: 100%;同理，表示图片高度不得超过容器高度。
• object-fit: cover;是实现拉伸的关键，意为按宽高比拉伸图片以使其填满容器。除此之外，还有其他值，包括fill、contain和none。

总的来说，图片中间拉伸就是实现图片按照比例拉伸，让其能够填满容器，通过相对简单的CSS代码即可实现。这种样式功能强大、实用方便，适用于各种图片尺寸和容器需求。如果你想让网页中的图片看起来更自然、更美观，那么可以尝试使用这个样式。