CSS技術可以讓我們輕松地讓圖片鋪滿,不留一絲空白。下面介紹幾種實現方法:
/*方法1:使用background屬性*/ img { background-size: cover;//使背景圖片鋪滿 } /*方法2:使用對象填充屬性*/ img { object-fit: cover;//使圖片鋪滿對象 } /*方法3:使用絕對定位和尺寸*/ img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
以上三種方法都能夠讓圖片鋪滿,具體選擇哪種方法,主要要看具體的應用情況,有些情況要求不能改變圖片本身的尺寸,使用background屬性就很適合。而有些情況則需要改變圖片本身的尺寸,這時候使用對象填充屬性或者絕對定位和尺寸就比較符合要求。