浮动的div自适应居中显示的js代码_Javascript教程-查字典教程网
浮动的div自适应居中显示的js代码
浮动的div自适应居中显示的js代码
发布时间:2016-12-30 来源:查字典编辑
摘要:当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值)可以先用jquery获取外围的...

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类