手机
当前位置:查字典教程网 >编程开发 >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代码】相关文章:

一段实时更新的时间代码

javasript实现密码的隐藏与显示

你一定会收藏的Nodejs代码片段

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

些很实用且必用的小脚本代码

实现DIV圆角的JavaScript代码

一个特帅的展示图片的js+css

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

jQuery的基本概念与高级编程

jquery控制表单输入框显示默认值的方法

精品推荐
分类导航