建网站如何使用css限制图片宽度

您所在的位置： 首页 > 新闻动态 > 网站建设

建网站如何使用css限制图片宽度

发表日期：2011年8月16日文章编辑：广州建网站www.3goweb.cn   网页设计－网站制作浏览次数：1642关键词： 网站建设

建网站如何使用css限制图片宽度

建网站如何使用css限制图片宽度

以前一直用js控制图片的大小，有的时候我们的广告也会被变得很小，所以一般都是直接在内容区控制，图片大小，这个方法用css 的expression方法！今天[广州建网站公司]和大家讲述下“如何使用css限制图片宽度”：

不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如 img{width:500px;} ，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，显然，这不是我们想看到的。

那么，CSS如何可以区分对待这些图片设置大小呢？很简单，请看：

img{width:expression(this.width>500?"500px":this.width+"px"); }

只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示！怎么样，是不是确实很简单？

[广州建网站公司]小贴士——以上使用css限制图片宽度的方法弊端：增加客户端的负荷，一般用js实现的比较多。

关键词标签： 建网站如何使用css限制图片宽度

本文系三行网络原创,转载请注明来自 （广州建网站www.3goweb.cn） 联系电话：020-85628720、15915767698

上一篇： 建网站公司支招:网站增加外链15大招式    下一篇： 专业建网站如何区别px与em之间的关系和特点

方案列表

网站建设方案

最新资讯

企业网站建设 移动APP定制开发 移动电商+PC电商 外贸商城网店开发
域名空间主机 企业邮箱购买 网站优化推广 联系我们
CASE最新案例
WEB网站建设资讯
  1. [广州] 腾讯网络广告营收猛涨-新浪/网易/搜狐3
  2. [广州] 蜜蜂产品外贸网站制作海外营销推广
  3. [广州] 展会PPT制作：参加展会如何做好公司的P
  4. [广州] 网站优化必备的国外十大搜索引擎
  5. [广州] 除了skype老外常用的聊天软件还有哪些
  6. [广州] 建筑工程企业网站建设：网站导航如何设计更
APP手机应用开发资讯
  1. 幼儿园管理App定制开发——幼儿园老师与
  2. 家政行业APP软件开发——移动互联时代带
  3. 广州美容类APP软件定制——提升自媒体宣
  4. 最受欢迎的行业APP又有哪几大类呢？
  5. 手机APP设计UI如何掌握好用户体验——
  6. APP 谷歌安卓和苹果IOS有什么区别
广州建网站公司【三行网络】咨询热线：020-85628720
广州建网站 广州建网站公司 海珠区建网站 荔湾区建网站 芳村建网站 南沙建网站 越秀区建网站 萝岗区建网站 科学城 经济开发区 天河区建网站 东圃建网站 天河建网站 车陂建网站 岗顶电脑城 体育中心建网站 增城建网站 黄埔区建网站 白云区建网站 三元里建网站 美博城建网站 专业做多语言网站 市桥建网站 花都建网站 从化建网站 番禺建网站 广州建站

扫一扫加微信
QQ咨询 QQ咨询
TOP