51网络科技专业提供

香港空间

美国空间

国内免备案空间

月付空间

免备案虚拟主机

,支持免费试用2天
联系51网络科技
产品快讯:
售前客服
在线咨询
在线咨询
在线咨询
在线咨询
售后服务
在线咨询
在线咨询
财务问题
在线咨询
代理加盟
在线咨询
 
推荐产品
    300M国内免备案空间
    300M网站空间,送60M数据库!
    现价只要:22元/月
    500M国内免备案空间
    500M网站空间,送100M数据库!
    现价只要:29元/月
    1G国内免备案空间
    1G网站空间,送300M数据库!
    现价只要:39元/月
    500M香港免备案空间
    500M网站空间,送160M数据库!
    现价只要:26元/月
    1G香港免备案空间
    1G网站空间,送300M数据库!
    现价只要:36元/月
    100M美国空间
    100M网站空间,送30M数据库!
    现价只要:12.8元/月
 
您的当前位置:首页 > 常见问题 > 建站常见问题 > 正文
图片自适应居中如何设置?
文章来源:51网络科技  点击数:  更新时间:2012-12-17 15:38:35
购买国内免备案空间购买香港空间【不限iis】宽屏网站制作【还送手机网站】
香港云主机/99元/月国内空间【免费备案】 特价网站空间
.Net专用空间香港独立IP空间 游戏空间【支持月付】
div部分

<div class="cert_img"><p><img src="images/1.jpg"  onload="fixImage(this,201,146)"/></p></div>

样式部分
.cert_img{ width:201px; height:146px; border:1px solid #bdbdbd;overflow:hidden; padding:6px;position:relative;display:table-cell;text-align:center;vertical-align:middle}

.cert_img p{ margin:0; padding:0;position:static;+position:absolute;top:50%}

.cert_img img{position:static;+position:relative;top:-50%;left:-50%;}

js部分,要先让js加载

<script type="text/javascript" language="javascript">

function fixImage(i,w,h){

var ow = i.width;

    var oh = i.height;

    var rw = w/ow;

    var rh = h/oh;

    var r = Math.min(rw,rh);

    if (w ==0 && h == 0){

    r = 1;

        }else if (w == 0){

        r = rh<1?rh:1;

            }else if (h == 0){

            r = rw<1?rw:1;

                }

     if (ow!=0 && oh!=0){

      i.width = ow * r;

        i.height = oh * r;

        }else{

        var __method = this, args = $A(arguments);

            window.setTimeout(function() {

            fixImage.apply(__method, args);

                }, 200); ??? }

                i.onload = function(){} }

</script>

国内、香港、美国、全免备案www.just4play.biz--51网络科技,专业免备案空间提供商!
相关文章

tx26.com彩票大全