HTML <img> width 属性
示例
一张高度为 600 像素,宽度为 500 像素的图像
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
亲自尝试 »
width
属性以像素为单位指定图像的宽度。
提示: 始终为图像指定 height
和 width
属性。如果设置了高度和宽度,则在页面加载时会保留图像所需的空间。但是,如果没有这些属性,浏览器将不知道图像的大小,并且无法为其保留适当的空间。结果是页面布局将在加载过程中发生变化(图像加载时)。
提示: 使用 height
和 width
属性缩小大型图像会强制用户下载大型图像(即使它在页面上看起来很小)。为了避免这种情况,请在页面上使用图像之前使用程序重新调整图像大小。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
width | 是 | 是 | 是 | 是 | 是 |
语法
<img width="pixels">
属性值
值 | 描述 |
---|---|
pixels | 以像素为单位的宽度(例如 width="100") |
❮ HTML <img> 标签