当前位置：Gxlcms > JavaScript > 浮动的div自适应居中显示的js代码_javascript技巧

浮动的div自适应居中显示的js代码_javascript技巧

时间：2021-07-01 10:21:17 帮助过：31人阅读

当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;//监听事件

人气教程排行