dedecms中如何实现图片自动缩放
发布:smiling 来源: PHP粉丝网 添加日期:2014-11-08 09:47:59 浏览: 评论:0
我们在网页中插入图片时,有时候图片的大小大于网页表格定义的宽度时会出现撑破表格的情况,可以通过下面的CSS来设置图片大小超过设置的大小时可以自动缩放定义的CSS:
- .index{width:500px; height:600px;}
- .index img{
- border:0px;
- max-width:500px;
- width: expression_r(this.width > 500 && this.width > this.height ? 500px : 'auto';);max-height:600px; //开源软件:phpfensi.com
- height: expresion(this.height > 600 ? 600px : 'auto';);}
定义一个名称为index的样式,宽度为500 高度为600设置这个样式中的图片宽度最大不超过500,高度不超过600.如果超过设置的大小,将自动缩放宽度为500或高度为600.
Tags: dedecms图片缩放 dedecms自动缩放
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)