色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 圖片放大 超出隱藏

傅智翔2年前9瀏覽0評論

CSS是Web開發中不可或缺的一部分,而圖片的適應性也是Web設計的一個重要部分。在CSS中,我們可以用超出隱藏的方式通過調整圖片大小并將超出部分隱藏來達到適應性的效果。

img{
width: 200px;
height: 200px;
object-fit: cover;
overflow: hidden;
}

上面的代碼解釋如下:

  • widthheight屬性指定了圖片的寬和高,這里我們將圖片的寬高設置為200px;
  • object-fit屬性指定了如何適應圖片。我們將其設置為cover,表示將圖片縮放至完全覆蓋其容器;
  • overflow屬性指定了超出容器部分的處理方式。我們將其設置為hidden,表示隱藏超出部分并且不顯示滾動條。

通過以上代碼,圖片的大小會被調整成200px × 200px的大小,并且超出部分會被隱藏,從而達到圖片適應容器的效果。

以上就是關于CSS 圖片放大 超出隱藏的一些簡單介紹。