鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > cms安装教程 > 新云cms > >

实现文章内容与软件介绍处图片的自动收缩

来源:互联网 作者:佚名 时间:2015-01-21 12:31
可能很多朋友还在为图片的过大而导致页面的扩张与难看了,下面为大家简单的说一下如何时实现内容页的图片自动收缩! 假使我们的文章内容页面的码是这样的 div class=showlist文章内容标签/div 我们只需在CSS样式表中找到.showlist并添加比如你的文章放在 .show
 可能很多朋友还在为图片的过大而导致页面的"扩张"与"难看"了,下面为大家简单的说一下如何时实现内容页的图片自动收缩!
  
  假使我们的文章内容页面的码是这样的
  
  <div class="showlist">文章内容标签</div>
  
  我们只需在CSS样式表中找到.showlist并添加比如你的文章放在
  
  .showlist img {max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);}
  
  上面的500是图片的最大宽,如果我们要限制高,只需将上面代码中的width改成hight即可!
  
  或者,我们直接在<div class="showlist">中添加好
  
  如:<div class="showlist" style="img max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);">
网友评论
<