<img> 标签的 height 和 width 属性设置图像的尺寸。
来源:互联网 发布:交大知行大厦电话 编辑:程序博客网 时间:2024/06/03 22:12
实例
将图像宽度和高度分别设置为 200 像素:
<img src="/i/mouse.jpg" height="200" width="200"
/>
使用百分比值
使用 width 属性的最后一个技巧是使用百分比值来代替像素的绝对值。这将使浏览器按照与浏览器显示窗口的一定比例来缩放图像。因此,如果要创建一个宽度与显示窗口宽度相同,高度为 30 个像素的彩色横条,可以这样实现:
<img src="/i/ct_1px.gif"width="60%" height="30px"
/>当文档窗口的大小改变时,这个图像的大小也会随之改变:
提示:如果提供了一个百分比形式的 width 值而忽略了 height,那么不管是放大还是缩小,浏览器都将保持图像的宽高比例。这意味着图像的高度与宽度之比将不会发生变化,图像也就不会发生扭曲。
<img src="/i/ct_1px.gif"width="20%"
/>
阅读全文
0 0
- <img> 标签的 height 和 width 属性设置图像的尺寸。
- 去掉img标签里的width 和 height的属性
- img的width和height属性
- img标签该不该设置width和height
- java 字符串匹配 删除 img 的width height属性
- 巧用img的width和height属性进行缩图,使图片不变形
- 巧用img的width和height属性进行缩图,使图片不变形
- 巧用img的width和height属性进行缩图,使图片不变形
- div的width和height属性
- canvas标签的width和height以及style.width和style.height的区别
- canvas标签的width和height以及style.width和style.height的区别
- canvas标签的width和height以及style.width和style.height的区别
- 动态调整ImageView的尺寸(width 、height
- 前端HTML<img>标签图像的属性和使用/图像img与背景background的区别
- 在php中用正则表达式删除img标签的width、height、style
- 前端技能练习:span 标签的width 和 height
- Jquery—获取和设置尺寸(width,height)
- canvas的width和height属性的特殊之处
- 位和字节以及各类编码简述
- execl、execle、execlp、execv、execve和execvp函数
- 第19篇
- 51nod 1094 和为k的连续区间(map优化)
- 关于安卓数据库使用命令行进入的经验
- <img> 标签的 height 和 width 属性设置图像的尺寸。
- C#中如何给Excel添加水印
- Spring3.X学习笔记4-Spring容器高级主题
- 企业网站首页设计常见的6种布局方式
- 方法区和常量池
- 使用BeautifulSoup对糗事百科热门进行爬取
- 自动抛出异常的应用
- Candy
- oracle中where条件后用in这样子查询后变慢