欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 圖片放大 超出隱藏

傅智翔1年前8瀏覽0評論

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

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

上面的代碼解釋如下:

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

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

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