css取图片中间区域 |css加tooltip

img {
display: block;
margin: 0 auto;
max-height: 200px;
max-width: 200px;
object-fit: cover;
object-position: center;
}

在上面的代码中，大家使用了object-fit和object-position这两个CSS属性。

object-fit属性指定了图片的填充方式。在示例代码中，大家将其设为cover，表示填充整个容器，并按比例缩放图片，使其完全覆盖容器。当容器的宽高比与图片的宽高比不同时，图片将被裁切掉一部分。

object-position属性则指定了图片的位置。在示例代码中，大家将其设为center，表示将图片的中心对齐容器的中心。

这样一来，图片的中间部分就会被居中填充容器了。

通过这种方式，大家可以很方便地取出图片的中间区域，让网站设计更美观。