手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浮动的div自适应居中显示的js代码
浮动的div自适应居中显示的js代码
摘要:当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;//监听事件

【浮动的div自适应居中显示的js代码】相关文章:

图片加载进度实时显示

jQuery实现div随意拖动的实例代码(通用代码)

设为首页 加入收藏的js代码

光标定位等TextRange的操作的范例代码

手机端页面rem宽度自适应脚本

自适应图片大小的弹出窗口

Mozilla中显示textarea中选择的文字

显示、隐藏密码

网页里控制图片大小的相关代码

JS制作手机端自适应缩放显示

精品推荐
分类导航