浮动的div无论窗口大小变化都能居中显示的js
2013-12-23 15:55
453 查看
当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;//监听事件
可以先用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代码
- js设置div大小随窗口大小变化
- 怎样使div居中显示 随窗口改变大小
- JS&RE 控制图片显示大小, 弹出窗口自适应大小,自居中, 结合UBB与正则使用 By Stabx
- 《转》QT界面怎么使控件随窗口大小变化一直居中显示
- js设置div大小随窗口大小变化
- 浮动的div自适应居中显示的js代码
- Qt如何设置窗口屏幕居中显示以及设置大小
- JS 页面居中显示DIV Message
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- js监视浏览器窗口大小变化,使元素适应窗口大小
- js让弹出新窗口居中显示的脚本
- js弹出窗口居中显示
- JS 实现div 居中显示
- 猎豹MFC--窗口操作--最大化 最小化还原 关闭 大小位置 居中显示 图标 标题
- 浮动居中js广告插件,支持详细的自定义:最大化播放时长,二次最大化间隔,不显示的url等
- 当窗口大小变化时,始终让底图居中--转载http://topic.csdn.net/t/20060824/16/4973302.html
- jQuery实现的浮动层div浏览器居中显示效果
- JS+CSS设置img在DIV中只显示居中部分
- Qt 设置窗口居中显示和窗体大小