浮動(dòng)的div自適應(yīng)居中顯示的js代碼

更新時(shí)間：2013年12月23日 16:03:18 作者：

這篇文章主要介紹了浮動(dòng)的div自適應(yīng)居中顯示的js代碼，有需要的朋友可以參考一下

當(dāng)div是浮動(dòng)的時(shí)候?yàn)g覽器窗口發(fā)生變化的時(shí)候不能居中顯示（因?yàn)楦?dòng)的時(shí)候一般設(shè)定的有l(wèi)eft或者right值）

可以先用jquery獲取外圍的div隨瀏覽器變化而變化的寬度（加上監(jiān)聽事件）

之后再獲取div的寬度例如：

function autoWidth(){

     var bW = $(".call_man").width();//外圍的div
     var popWidth = (bW-150)/2    //（150是div的寬度）
    $(".rts").css("left",popWidth); //把取得值賦給div 就是div距離左側(cè)的距離

}

autoWidth();
window.onresize = autoWidth;//監(jiān)聽事件

您可能感興趣的文章:

相關(guān)文章

JavaScript JMap類定義與使用方法示例
這篇文章主要介紹了JavaScript JMap類定義與使用方法,涉及javascript類的定義、內(nèi)部變量、函數(shù)的定義及使用相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
javascript超過容器后顯示省略號(hào)效果的方法(兼容一行或者多行)
下面小編就為大家?guī)硪黄猨avascript超過容器后顯示省略號(hào)效果的方法(兼容一行或者多行)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07
JavaScript匿名函數(shù)用法分析
這篇文章主要介紹了JavaScript匿名函數(shù)用法,實(shí)例分析了匿名函數(shù)的功能、定義及具體用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
js實(shí)現(xiàn)簡(jiǎn)單的購(gòu)物車有圖有代碼
這篇文章主要介紹了用js實(shí)現(xiàn)的簡(jiǎn)單購(gòu)物車，配有截圖，適合初學(xué)者
2014-05-05
javascript解三階幻方（九宮格）
本文給大家分享的是使用javascript實(shí)現(xiàn)解答九宮格問題的算法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-04-04
codeMirror插件使用講解
codeMirror是一款十分強(qiáng)大的代碼編輯插件，提供了十分豐富的API，最近在項(xiàng)目中用到了這款插件，于是在這里給大家分享下使用方法和心得。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟
這篇文章主要介紹了electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟,文中通過代碼示例和圖文講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2024-04-04
5 cool javascript apps
5 cool javascript apps...
2007-03-03
如何使用js正則表達(dá)式驗(yàn)證文件夾名是否符合規(guī)范
眾所周知正則表達(dá)式非常強(qiáng)大,下面這篇文章主要給大家介紹了關(guān)于如何使用js正則表達(dá)式驗(yàn)證文件夾名是否符合規(guī)范的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05
JavaScript中常用的五種數(shù)字千分位格式化方法
數(shù)字格式化是開發(fā)中經(jīng)常遇到的任務(wù),特別是在需要為數(shù)字添加千分位符或控制小數(shù)位數(shù)時(shí),以下是幾種常用的數(shù)字格式化方法,每種方法有其優(yōu)缺點(diǎn),適用于不同的需求場(chǎng)景,感興趣的小伙伴跟著小編一起來看看吧
2024-12-12