CSS只顯示圖片一部分的方法

在CSS中，我們可以使用object-fit屬性來只顯示圖片的一部分。object-fit屬性用于指定圖片在容器中的填充方式，其中contain和cover是***常用的兩個值。

contain圖片會被縮放以適應(yīng)其容器，同時保持其寬高比，圖片不會被裁剪。

cover圖片會被縮放以完全覆蓋其容器，圖片的寬高比可能會被改變，圖片可能會被裁剪。

如果你想要只顯示圖片的一部分，并且不希望圖片被裁剪，那么你可以使用contain值，以下是一個示例：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="example image">
</div>

CSS代碼：

.image-container {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

在這個示例中，圖片會被縮放以適應(yīng)一個200px寬和高的容器，同時保持其寬高比，圖片不會被裁剪，如果你想要圖片被裁剪，那么你可以使用cover值。