浮动的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中的缓动效果实现程序

    javascript中的缓动效果实现程序

    javascript中的缓动效果可以应用于很多地方,比如距离位移上的变化:图片的滚动、焦点图的轮转切换,透明度上的变化:渐隐渐现。凡是存在运动的状态都适用,下面以最基本的块在容器内从左到右滑动为例,讲下几种不同的缓动处理方式
    2012-12-12
  • js实现提交前对列表数据的增删改查

    js实现提交前对列表数据的增删改查

    这篇文章主要为大家详细介绍了js实现提交前对列表数据的增删改查,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • Javascript String 字符串操作包

    Javascript String 字符串操作包

    提供一个 JS String 包,包含了一些常用的对字符串操作的函数,详细的请看源码及演示
    2010-10-10
  • 前端JS可视化学习利用向量判断多边形边界

    前端JS可视化学习利用向量判断多边形边界

    这篇文章主要为大家介绍了前端JS可视化学习利用向量判断多边形边界示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • 浅谈javascript中的instanceof和typeof

    浅谈javascript中的instanceof和typeof

    这篇文章主要简单介绍了javascript中的instanceof和typeof的相关资料,需要的朋友可以参考下
    2015-02-02
  • 轻量级 JS ToolTip提示效果

    轻量级 JS ToolTip提示效果

    JS ToolTip提示效果,喜欢的朋友可以参考下。
    2010-07-07
  • offsetHeight在OnLoad中获取为0的现象

    offsetHeight在OnLoad中获取为0的现象

    需要获取div的高度时,往往需要用到offsetHeight,有时会碰到offsetHeight获取到为0的现象,感兴趣的朋友可以参考下面的代码片段
    2013-07-07
  • JavaScript实现京东秒杀效果

    JavaScript实现京东秒杀效果

    这篇文章主要为大家详细介绍了JavaScript实现京东秒杀效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 浅谈Webpack自动化构建实践指南

    浅谈Webpack自动化构建实践指南

    本篇文章主要介绍了Webpack自动化构建实践指南,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • JavaScript如何实现图片处理与合成

    JavaScript如何实现图片处理与合成

    这篇文章主要介绍了JavaScript如何实现图片处理与合成,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05

最新评论