在CSS中,設(shè)置img元素的長和寬有多種方法,我們可以使用width和height屬性來直接設(shè)置img元素的寬度和高度,如果我們想要將一張圖片的寬度設(shè)置為200像素,高度設(shè)置為100像素,我們可以這樣寫:
img { width: 200px; height: 100px; }
我們還可以使用max-width和max-height屬性來設(shè)置img元素的***大寬度和***大高度,這樣,即使圖片的實(shí)際尺寸大于我們設(shè)置的寬度或高度,圖片也不會(huì)超過這個(gè)限制。
img { max-width: 200px; max-height: 100px; }
我們還可以使用object-fit屬性來改變圖片在容器中的填充方式,如果我們想要圖片在容器中保持其原始的長寬比,并且填充整個(gè)容器,我們可以這樣寫:
img { width: 100%; height: 100%; object-fit: cover; }
就是在CSS中設(shè)置img元素長寬的一些方法,我們可以根據(jù)具體的需求和場景來選擇***適合的設(shè)置方式。