width屬性以像素為單位指定圖像的寬度。
高度和寬度都為 30 像素的圖像:
<!DOCTYPE html> <html> <head> <title>HTML:<img> width 屬性 - 菜鳥教程 (cainiaoplus.com)</title> <body> <img src="haha.gif" alt="haha face" width="30" height="30"> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 width 屬性。
width屬性以像素為單位指定圖像的寬度。
提示:始終同時(shí)指定 圖像的高度和寬度屬性。如果設(shè)置了高度和寬度,則在加載頁(yè)面時(shí)保留圖像所需的空間。但是,如果沒有這些屬性,瀏覽器將不知道圖像的大小,并且無法為其保留適當(dāng)?shù)目臻g。效果是頁(yè)面布局將在加載過程中(圖像加載時(shí))改變。
提示:使用height和width屬性縮小大圖像的尺寸會(huì)迫使用戶下載大圖像(即使頁(yè)面上看起來很?。楸苊膺@種情況,請(qǐng)?jiān)谑褂庙?yè)面之前使用程序重新縮放圖像。
在 HTML 4.01 中,寬度應(yīng)該被定義為以像素為單位或者以包含元素的百分比為單位。在 HTML5 中,寬度值必須以像素為單位。
<img width="pixels">
值 | 描述 |
---|---|
pixels | 以像素為單位的寬度(比如 width="100") |