源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

浮动的div自适应居中显示的js代码

时间：2021-07-22 21:25 编辑：来源：阅读：
扫一扫，手机访问

摘要：浮动的div自适应居中显示的js代码

当div是浮动的时候浏览器窗口发生变化的时候不能居中显示（因为浮动的时候一般设定的有left或者right值）可以先用jquery获取外围的div随浏览器变化而变化的宽度（加上监听事件）之后再获取div的宽度例如：

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：jquery div 居中技巧应用介绍
下一篇：JS控制静态页面传递参数并获取参数应用

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部