height和width 属性分别规定图像的高度和宽度,以像素(px)或百分比为单位。
<img src="/Template/Test/img/logo.png" height="59" width="140"></br>
![]() | 设置height和width的好处,在浏览器在加载页面时会为图像保留空间,否则页面布局会发生变化。尽量不要在原有的图像用 height 和 width 属性来缩小图像,其实它所占用的空间还是原来的样子。最好是用图像处理软件来改变大小,它的空间也会缩小。 |
<img src="/Template/Test/img/logo.png" height="79px" width="160px"></br>
![]() | 图像默认height和width的单位是像素px,可不加。 |
![]() | 图像的height和width过大会造成图像失真。 |
<img height="值" width="值"/>
值 | 描述 |
---|---|
px | 以像素为单位的高度或宽度值。(比如:10px) |
% | 以包含元素的百分比计的高度或宽度值。(比如:10%) |