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.873884.buzz--51網絡科技,專業免備案空間提供商!
相關文章

下载旧版捕鱼达人1