HTML <img>标签的width属性
示例高度和宽度均为100像素的图像:
试一个 » |
定义及用法
<img>标签的width属性用于指定图像的宽度。
提示:为图像指定高度和宽度是一则最佳实践。如果设置了高度和宽度,那么页面在加载时就会预留好显示图像所需的空间。反过来,如果没有设置高度和宽度,那么浏览器就无法知道图像的确切大小,从而也就无法为图像预留合适的空间。这样一来,页面在加载过程中,随着一个个图片被加载进来,页面布局也会随之发生一次次变化。
提示:不要用height和width属性来缩小图像!如果图片文件本身很大,尽管你把他的height和width属性设小(从而让它显示起来不大),但浏览器仍然要下载那么大的图片文件。正确的做法是,先用图像编辑软件把图像缩小,然后再把它放到网页里去。
浏览器支持
所有主流浏览器均支持<img>标签的width属性。
语法
<img width="value" /> |
属性值
值 | 描述 |
---|---|
像素 | 用像素表示的宽度(例如“100px”或只用“100”) |
百分比 | 用可用空间百分比表示的宽度(例如“20%”) |
HTML <img>标签