浮動(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的寬度 例如：
復(fù)制代碼 代碼如下:
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類的定義、內(nèi)部變量、函數(shù)的定義及使用相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
javascript超過容器后顯示省略號效果的方法(兼容一行或者多行)
下面小編就為大家?guī)硪黄猨avascript超過容器后顯示省略號效果的方法(兼容一行或者多行)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了JavaScript匿名函數(shù)用法,實(shí)例分析了匿名函數(shù)的功能、定義及具體用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了用js實(shí)現(xiàn)的簡單購物車，配有截圖，適合初學(xué)者2014-05-05
本文給大家分享的是使用javascript實(shí)現(xiàn)解答九宮格問題的算法，非常的簡單實(shí)用，有需要的小伙伴可以參考下。2015-04-04
codeMirror是一款十分強(qiáng)大的代碼編輯插件，提供了十分豐富的API，最近在項(xiàng)目中用到了這款插件，于是在這里給大家分享下使用方法和心得。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟
這篇文章主要介紹了electron打包dist為可執(zhí)行程序的實(shí)現(xiàn)步驟,文中通過代碼示例和圖文講解的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
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),適用于不同的需求場景,感興趣的小伙伴跟著小編一起來看看吧2024-12-12