HTML <img>标签的width属性

HTML <img>标签参考手册 HTML <img>标签

示例

高度和宽度均为100像素的图像:

<img src="/static/images/angry.gif" alt="yige.org" height="100" width="100" />

试一个 »

定义及用法

<img>标签的width属性用于指定图像的宽度。

提示:为图像指定高度和宽度是一则最佳实践。如果设置了高度和宽度,那么页面在加载时就会预留好显示图像所需的空间。反过来,如果没有设置高度和宽度,那么浏览器就无法知道图像的确切大小,从而也就无法为图像预留合适的空间。这样一来,页面在加载过程中,随着一个个图片被加载进来,页面布局也会随之发生一次次变化。

提示:不要用height和width属性来缩小图像!如果图片文件本身很大,尽管你把他的height和width属性设小(从而让它显示起来不大),但浏览器仍然要下载那么大的图片文件。正确的做法是,先用图像编辑软件把图像缩小,然后再把它放到网页里去。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<img>标签的width属性。


语法

<img width="value" />

属性值

描述
像素 用像素表示的宽度(例如“100px”或只用“100”)
百分比 用可用空间百分比表示的宽度(例如“20%”)


HTML <img>标签参考手册 HTML <img>标签
粤ICP备11097351号-1