国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么讓圖片顯示固定大小,CSS讓圖片顯示固定大小的方法

前端小編 8 0

CSS中,我們可以使用widthheight屬性來讓圖片顯示固定大小,這兩個(gè)屬性可以指定圖片的寬度和高度,從而限制圖片的大小。

如果我們想要讓一張圖片的寬度為200像素,高度為300像素,我們可以這樣寫:

img {
  width: 200px;
  height: 300px;
}

這樣,無論圖片原來的大小是多少,它都會被縮放或拉伸到200像素寬和300像素高。

需要注意的是,如果圖片的長寬比與指定的長寬比不一致,圖片可能會變形,為了避免這種情況,我們可以在設(shè)置寬度和高度的同時(shí),也設(shè)置object-fit屬性為covercontain。

cover選項(xiàng)會保持圖片的寬高比,但可能會裁剪一部分圖片。

contain選項(xiàng)會保證圖片不被裁剪,但可能會在圖片的周圍留下一些空白。

如果我們想要讓一張圖片保持寬高比,并且寬度為200像素,高度為300像素,我們可以這樣寫:

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

這樣,圖片就會按照指定的寬度和高度進(jìn)行縮放,同時(shí)保持寬高比,不會被裁剪。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
久久久久久久久精| 国产超级av在线| 亚洲清清爽爽AABB| 亚洲国产精品99久久久久久网站| 日本专区在线| 人妻丰满熟妇av| 色噜噜一区二区三区| av看片在线| 性猛交xxxx乱大交孕妇2| av在线看片| 亚洲h视频在线| 国产高清三级| 精品国产在热久久婷婷人妻av综| 国产一级av在线| 亚洲欧美激情精品一区二区| 看国产黄色片| 国产三级在线观看视频| 午夜免费视频| 儿媳妇的诱惑电影| 人人妻人人干人人爽| 久久免费精品国产| 欧美日韩精品人妻| 国产精品久久久久久久久久尿| 国产成人午夜影院| 中文字幕av一区二区| 97国产AV传媒视频在线观看| 人人妻人人爽一区二区三区| 人妻少妇精品久久久久久蜜臀av| 妺妺窝人体色www看美女| 最近中文字幕高清中文字幕无| ass中国老熟女pics| 欧美日韩中文在线视频| 国产日产一区二区三区四区五区 | 91熟女丨老女人丨高潮丰满| 避孕套保质期| 精品久久久久久综合日本| 日本在线观看一区二区三区| 天堂网在线观看免费视频| 无遮挡黄片| 日日天干夜夜狠狠爱| 天天射天天干天天色|