编辑这个页面须要登录或更高权限！

HTML: <img> width 属性

width属性以像素为单位指定图像的宽度。

 HTML <img> 标签

在线示例

高度和宽度都为 30 像素的图像：

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> width 属性 - 菜鸟教程 (cainiaojc.com)</title>
<body>
<img src="haha.gif" alt="haha face" width="30" height="30">
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 width 属性。

width属性以像素为单位指定图像的宽度。

提示：始终同时指定 图像的高度和宽度属性。如果设置了高度和宽度，则在加载页面时保留图像所需的空间。但是，如果没有这些属性，浏览器将不知道图像的大小，并且无法为其保留适当的空间。效果是页面布局将在加载过程中（图像加载时）改变。

提示：使用height和width属性缩小大图像的尺寸会迫使用户下载大图像（即使页面上看起来很小）。为避免这种情况，请在使用页面之前使用程序重新缩放图像。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，宽度应该被定义为以像素为单位或者以包含元素的百分比为单位。在 HTML5 中，宽度值必须以像素为单位。

语法

<img width="pixels">

属性值

值描述
pixels以像素为单位的宽度（比如 width="100"）
 HTML <img> 标签
HTML: <template> 标签

HTML 参考手册
HTML 标签大全