DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 浮動的div自適應居中顯示的js代碼
浮動的div自適應居中顯示的js代碼
編輯:JavaScript綜合知識     

 這篇文章主要介紹了浮動的div自適應居中顯示的js代碼,有需要的朋友可以參考一下

當div是浮動的時候浏覽器窗口發生變化的時候不能居中顯示(因為浮動的時候一般設定的有left或者right值)   可以先用jquery獲取外圍的div隨浏覽器變化而變化的寬度(加上監聽事件)   之後再獲取div的寬度 例如:   代碼如下: function autoWidth(){        var bW = $(".call_man").width();//外圍的div      var popWidth = (bW-150)/2    //(150是div的寬度)     $(".rts").css("left",popWidth);  //把取得值賦給div 就是div距離左側的距離   }   autoWidth(); window.onresize = autoWidth;//監聽事件    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved