浮动的div自适应居中显示的js代码
2018-10-12 14:04
375 查看
当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代码
- 浮动的div无论窗口大小变化都能居中显示的js
- 浮动的div自适应居中显示的js代码
- 【转】div居中代码 DIV水平居中显示CSS代码
- JS 页面居中显示DIV Message
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- div浮动层,遮罩层屏幕居中(水平垂直居中)CSS代码
- Div形式的title显示JS代码
- js 创建一个浮动div的代码
- JS实现点击复选框变更DIV显示状态的示例代码
- JS实现-DIV自动居中代码
- 让一层div遮住全窗口 另一层显示登陆框自动居中的css代码
- div居中代码 DIV水平居中显示CSS代码
- Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
- JS&RE 控制图片显示大小, 弹出窗口自适应大小,自居中, 结合UBB与正则使用 By Stabx
- JS 实现div 居中显示
- div居中代码 DIV水平居中显示CSS代码
- 让div绝对居中显示的css&js
- 关于div自适应高度/左右高度自适应一致的js代码
- JS+CSS设置img在DIV中只显示居中部分