我是靠谱客的博主 健康鼠标,最近开发中收集的这篇文章主要介绍浮动的div自适应居中显示的js代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

当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代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(94)

评论列表共有 0 条评论

立即
投稿
返回
顶部