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

 更新时间:2013年12月23日 16:03:18   作者:  
这篇文章主要介绍了浮动的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;//监听事件

相关文章

  • JavaScript JMap类定义与使用方法示例

    JavaScript JMap类定义与使用方法示例

    这篇文章主要介绍了JavaScript JMap类定义与使用方法,涉及javascript类的定义、内部变量、函数的定义及使用相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

    javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

    下面小编就为大家带来一篇javascript超过容器后显示省略号效果的方法(兼容一行或者多行)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript匿名函数用法分析

    JavaScript匿名函数用法分析

    这篇文章主要介绍了JavaScript匿名函数用法,实例分析了匿名函数的功能、定义及具体用法,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • js实现简单的购物车有图有代码

    js实现简单的购物车有图有代码

    这篇文章主要介绍了用js实现的简单购物车,配有截图,适合初学者
    2014-05-05
  • javascript解三阶幻方(九宫格)

    javascript解三阶幻方(九宫格)

    本文给大家分享的是使用javascript实现解答九宫格问题的算法,非常的简单实用,有需要的小伙伴可以参考下。
    2015-04-04
  • codeMirror插件使用讲解

    codeMirror插件使用讲解

    codeMirror是一款十分强大的代码编辑插件,提供了十分丰富的API,最近在项目中用到了这款插件,于是在这里给大家分享下使用方法和心得。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • electron打包dist为可执行程序的实现步骤

    electron打包dist为可执行程序的实现步骤

    这篇文章主要介绍了electron打包dist为可执行程序的实现步骤,文中通过代码示例和图文讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-04-04
  • 5 cool javascript apps

    5 cool javascript apps

    5 cool javascript apps...
    2007-03-03
  • 如何使用js正则表达式验证文件夹名是否符合规范

    如何使用js正则表达式验证文件夹名是否符合规范

    众所周知正则表达式非常强大,下面这篇文章主要给大家介绍了关于如何使用js正则表达式验证文件夹名是否符合规范的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JavaScript中常用的五种数字千分位格式化方法

    JavaScript中常用的五种数字千分位格式化方法

    数字格式化是开发中经常遇到的任务,特别是在需要为数字添加千分位符或控制小数位数时,以下是几种常用的数字格式化方法,每种方法有其优缺点,适用于不同的需求场景,感兴趣的小伙伴跟着小编一起来看看吧
    2024-12-12

最新评论