HTML: <img> width 属性

由网友 大卫 发布 阅读 6

HTML: <img> width 属性

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

 HTML <img> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> width 属性 - 大卫编程网 div.cn</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 ins datetime 属性 HTML: <img> vspace 属性