您好、欢迎来到现金彩票网!
当前位置:老k棋牌 > 在图像上显示 >

怎样在html中控制图片显示大小

发布时间:2019-07-15 05:18 来源:未知 编辑:admin

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  1、新建html文件,在body标签中添加img标签,为img标签设置“src”属性,属性值为图片的地址,这时图片的显示大小是图片自身的大小:

  2、为img标签单独设置“width”或“height”属性,属性值为宽度或者高度,这时图片的宽度将变成设置的宽度,高度将会按原比例进行缩放 :

  3、同时为img标签设置“width”和“height”属性,这时图片的大小将会完全按照设置的大小显示:

  知道合伙人互联网行家采纳数:24805获赞数:304022011年中山职业技术学院毕业,现担任毅衣公司京东小二向TA提问展开全部原理:

  用JS在加载图片后判断图片是否突破规定的高和宽,如果超过再根据图片的宽高比例进行调整。

  特别说明,JS代码只限制图片的高或者宽时,宽或者高会按照比例进行相应调整。

  假如你需要把所有的图片显示在140*226的区间里面,那么就使用下面这样的代码:

  img src=2009/04/1232336585-19.jpg onload=if (this.width140 this.height226) if (this.width/this.height140/226) this.width=140; else this.height=226;

  1【专注:Python+人工智能Java大数据HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】

  河北灵动电子商务有限公司-高端网站建设公司.主要从事网站建设,SEO优化,平面设计,微信营销,微信二次开发,团队成员自2004年开始从事网站建设相关服务,拥有丰富的设计和技术经验,专为中小企业提供网站建设

  通过img标签的属性,width和height代码控制图片的大小,代码如下:

http://downtownannie.com/zaituxiangshangxianshi/354.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有