• 求学海外从过传统节日到传播中华文化 2020-01-18
  • 那片海文章中国国家地理网 2020-01-09
  • 《太行赤子》制片人刘小冉:“稳”“准”“精”是我的原则 2020-01-09
  • 当粮食能满足社会需要时,就可以给年轻人设计一个轻松的环境,唱唱跳跳轻松就业,大家都会说政府真好 2020-01-05
  • 《今天我学习》第一集:如何理解党的十九大的鲜明主题 2019-12-31
  • 全国唯一审定机收品种 “陕油28”油菜已推广36.7万亩 2019-12-31
  • 妄议!唯才是用就好,管它什么孙子儿子!美国有老布什小布什两位总统,美国就不是民主国家了? 2019-12-28
  • 北京公园改造将引入无性别厕所--旅游频道 2019-12-28
  • 为啥同一个地方总栽跟头 2019-12-26
  • 搞市场经济,也不意味这政府就能偷懒,不是什么都甩给市场,美其名曰"市场会自我调节" 2019-12-26
  • 落实责任把控源头 保障“舌尖上”的安全 2019-12-23
  • 《脱身》热播 万茜化身“黄俪文”反差十足 2019-12-23
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-12-22
  • 回复@海之宁:真理无敌! 2019-12-22
  • 省领导会见香港贸易发展局代表团 2019-12-22
  • 经典案例
    • 阳春市森百丽家具厂
    • 欧中商务中心
    • 乐滚乐滚品牌
    • 广东省阳春市人民医院改版
    • yingzhicrafts.com
    • 觅思有文化传播有限公司
    • ArtsRouge
    • 香港·维西·创意设计机构
    • 龍大品牌设计有限公司

    图片自动按比例缩小并上下居中,兼容各浏览器

    发布于:2012-09-17 23:12来源:E点互动 作者:e点人 点击:

    江西时时彩和值走势图 www.umyke.tw 图片自动按比例缩小并上下居中,兼容各浏览器,并适合用到各大CMS系统(织梦dede,科汛,帝国等等)中

    <!--[if lte IE 6]--> 
    <script type="text/javascript" language="javascript"> 
    function imgFix() { 
    //定义要限制的图片宽高,这个宽高要同style里面定义的相同,高或宽小于限定高宽的图片保持原尺寸

    var widthRestriction = 200; 
    var heightRestriction = 200; 
    var allElements = document.getElementsByTagName('*')
    for (var i = 0; i < allElements.length; i++) 
    { 
    if (allElements[i].className.indexOf('imgBox') >= 0) //获取class名称 
    { 
    var imgElements = allElements[i].getElementsByTagName('img'); 
    for (var j=0; j < imgElements.length; j++) 
    { 
    if ( imgElements[j].width > widthRestriction || imgElements[j].height > heightRestriction ) 
    { 
    if ( imgElements[j].width > imgElements[j].height)
    { 
    imgElements[j].height = imgElements[j].height*(widthRestriction/imgElements[j].width); 
    imgElements[j].width = widthRestriction; 
    } else 
    { 
    imgElements[j].width = imgElements[j].width*(heightRestriction/imgElements[j].height); 
    imgElements[j].height = heightRestriction; 
    }
    } 
    if ( imgElements[j].height < heightRestriction ) 
    { 
    imgElements[j].style.paddingTop = ( heightRestriction -imgElements[j].height ) /2 + "px"; 
    } 
    } /*for j*/ 
    } 
    }/*for i*/ 
    } 
    window.onload = imgFix; 
    </script> 
    <!--[endif]--> 

    <style type="text/css">
    <!-- 
    .imgBox li { 
    width:200px; /* 宽度 */ 
    height:200px; /* 高度 */ 
     overflow:hidden;

    background:#ccc; 
    border:1px solid #666; 
    text-align:center; 
    margin:5px; 
    } 
    .imgBox img { 
    vertical-align:middle; 
    } 
    --> 
    </style> 

     

    <div><ul class="imgBox"> 
    <li><img src="......" alt="yourimg" /></li> 
    </ul> </div>

    tag标签:
    ------分隔线----------------------------
    ------分隔线----------------------------
  • 求学海外从过传统节日到传播中华文化 2020-01-18
  • 那片海文章中国国家地理网 2020-01-09
  • 《太行赤子》制片人刘小冉:“稳”“准”“精”是我的原则 2020-01-09
  • 当粮食能满足社会需要时,就可以给年轻人设计一个轻松的环境,唱唱跳跳轻松就业,大家都会说政府真好 2020-01-05
  • 《今天我学习》第一集:如何理解党的十九大的鲜明主题 2019-12-31
  • 全国唯一审定机收品种 “陕油28”油菜已推广36.7万亩 2019-12-31
  • 妄议!唯才是用就好,管它什么孙子儿子!美国有老布什小布什两位总统,美国就不是民主国家了? 2019-12-28
  • 北京公园改造将引入无性别厕所--旅游频道 2019-12-28
  • 为啥同一个地方总栽跟头 2019-12-26
  • 搞市场经济,也不意味这政府就能偷懒,不是什么都甩给市场,美其名曰"市场会自我调节" 2019-12-26
  • 落实责任把控源头 保障“舌尖上”的安全 2019-12-23
  • 《脱身》热播 万茜化身“黄俪文”反差十足 2019-12-23
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-12-22
  • 回复@海之宁:真理无敌! 2019-12-22
  • 省领导会见香港贸易发展局代表团 2019-12-22
  • qq分分彩开奖官网结果 亲朋手机版怎么下载 快乐双彩今晚开奖公告 银河棋牌苹果版下载 华彩网安卓 江西快3玩法技巧 中国高频彩 湖南省彩票中心地址 极速飞艇 陌陌当主播赚钱吗