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

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

SEO SEO


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



完美CSS控制图片大小

2018-07-12 03:10:48 补充更正 编辑: 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

 










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








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

完美CSS控制图片大小




搜索


网站分类


标签列表


关于我们
本站主机域名成本巨大,无以为继,希望想在本站做宣传的老板可以联系我们!以维持我们网站的正常运行!感谢
联系我们: 给我发QQ消息  加入QQ群