完美CSS控制图片大小 - 动易cms - 爱建站

,,,,CMS教程,模板无忧,建站教程,CMS教程,动易Cms教程,

SEO SEO

首页  >   动易cms > 完美CSS控制图片大小  >  正文

完美CSS控制图片大小

2018-09-27 07:37:57 向站长提问 编辑: admin 阅读:

 

CSS代码如下: img { max-width:500px; * 最大宽度为500px* width:600px; * 图片的大小为500px* width:expression(width>550? "550px ":width "px ");max-width: 550px; * 假如图片的尺寸超过550象素,那么就按550象素显示,高度同比例变化;假如图片的尺寸小于550象素,那么就原尺寸显示


CSS代码如下:

img {
max-width:500px; /* 最大宽度为500px*/
width:600px; /* 图片的大小为500px*/
width:expression(width>550?"550px":width "px");max-width: 550px; /* 假如图片的尺寸超过550象素,那么就按550象素显示,高度同比例变化;假如图片的尺寸小于550象素,那么就原尺寸显示。在IE6中有效*/
overflow:hidden; /* 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形*/
}

原贴:http://bbs.powereasy.net/dispbbs.asp?boardID=67&ID=310379&page=2

查看更多 动易Cms教程  动易Cms模板


完美CSS控制图片大小
http://www.yuedudg.cn/article/1996651.html

 

友情链接
cms综合网 ecshop经验网 discuz经验网
织梦之家 wp之家 zblog之家
帝国cms常识 phpcms之家


Tags: CMS教程 模板无忧 建站教程 CMS教程 动易Cms教程


手机浏览本文
完美CSS控制图片大小

完美CSS控制图片大小

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy