HTML img width 屬性

2018-11-14 09:48 更新

HTML <img> width 屬性

HTML img 標簽參考手冊 HTML <img> 標簽

實例

高度和寬度都為 42 像素的圖像:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 width 屬性。


width 屬性規(guī)定圖像的寬度,以像素計。

提示:為圖像指定 height 和 width 屬性是一個好習慣。如果設(shè)置了這些屬性,就可以在頁面加載時為圖像預留空間。如果沒有這些屬性,瀏覽器就無法了解圖像的尺寸,也就無法為圖像保留合適的空間,因此當圖像加載時,頁面的布局就會發(fā)生變化。

提示:請不要通過 height 和 width 屬性來縮放圖像。如果通過 height 和 width 屬性來縮小圖像,那么用戶就必須下載大容量的圖像(即使圖像在頁面上看上去很?。U_的做法是,在網(wǎng)頁上使用圖像之前,應該通過軟件把圖像處理為合適的尺寸。


HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中,寬度應該被定義為以像素為單位或者以包含元素的百分比為單位。在 HTML5 中,寬度值必須以像素為單位。


語法

<img width="pixels">

屬性值

描述
pixels 以像素為單位的寬度(比如 width="100")


HTML img 標簽參考手冊 HTML <img> 標簽
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號