使用jQuery使Div居中

使用jQuery使Div居中Div 居中是一个比较常见的需求 下面介绍一种使用 JQuery 使 Div 居中的方法先假设有这样一个 Div test 首先是要把需要居中的 Div 进行绝对定位 如 nbsp nbsp nbsp nbsp nbsp nbsp nbsp d nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp position absolute nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp width 500 nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp height 300

Div居中是一个比较常见的需求。下面介绍一种使用JQuery使Div居中的方法

先假设有这样一个Div,

test

首先是要把需要居中的Div进行绝对定位,如:

有了这样的样式定义之后就是使其居中的js代码了。

Js代码

 
收藏代码

  1. var obj = $(“#d”);//获得相应的Div对象  
  2. var x = ($(window).width()-500)/2;//使用$(window).width()获得显示器的宽,并算出对应的Div离左边的距离  
  3. var y = ($(window).height()-300)/2;//使用$(window).height()获得显示器的高,并算出相应的Div离上边的距离  
  4. obj.css(“top”,y).css(“left”,x);  

 上面这段代码可以在页面一加载完就执行。





版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225198.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午9:52
下一篇 2026年3月17日 上午9:52


相关推荐

  • could not lock config file_dpkg frontend lock

    could not lock config file_dpkg frontend lockUbuntu安装软件报错问题错误信息E:Couldnotgetlock/var/lib/dpkg/lock-frontend-open(11:Resourcetemporarlyunavailable)解决办法:sudorm/var/lib/dpkg/lock-frontendsudorm/var/lib/dpkg/lock

    2022年10月7日
    8
  • 光栅投影中Gamma校正

    光栅投影中Gamma校正学习郑东亮达飞鹏《提高数字光栅投影测量系统精度的gamma校正技术》一文后,对其中的关键技术进行了解析。摄像机获得的实际灰度图像:其中是整个系统的gamma值,是预编码值(需要根据实验进行选择),是幅度调制(保证归一化),是背景光强,和是由系统确定的值(需要通过投射不同的灰度图进行解算)。gamma校正的目的:选择一个合适的预编码值,使得,从而使系统的gamma失真得以消除或者减…

    2022年6月22日
    25
  • shell中用bc进行浮点运算

    shell中用bc进行浮点运算Bash 不能处理浮点运算 并且缺乏特定的一些操作 这些操作都是一些重要的计算功能 幸运的是 nbsp bc nbsp nbsp 可以解决这个问题 nbsp bc nbsp 不仅仅是个多功能灵活的精确的工具 而且它还提供许多编程语言才具备的一些方便的功能 nbsp nbsp nbsp 因为它是一个完整的 UNIX 工具 所以它可以用在 nbsp 管道 nbsp 中 nbsp nbsp bc nbsp nbsp 在脚本中也是很常用的 nbsp 这里有一个简单的使用 bc 命令的模版可以用来在计算脚本中的变量

    2026年3月19日
    2
  • 【Python】解决Pycharm中pip更新问题「建议收藏」

    【Python】解决Pycharm中pip更新问题「建议收藏」pycharm安装第三方模块失败,要求更新pip

    2025年7月29日
    4
  • 建模方法(四)-因子分析定义和应用

    建模方法(四)-因子分析定义和应用因子分析 factoranalys 也是一种降维 简化数据的技术 它通过研究众多变量之间的内部依赖关系 使用少数几个 抽象 的变量来表示其基本的数据结构 这几个抽象的变量被称作 因子 能反映原来众多变量的主要信息 原始的变量是可观测的显在变量 而因子一般是不可观测的潜在变量 例如 商店的环境 商店的服务和商品的价格作为因子 这三个方面除了价格外 商店的环境和服务质量 都是客观

    2026年3月19日
    2
  • 电信光猫获取超级管理员密码[通俗易懂]

    电信光猫获取超级管理员密码[通俗易懂]之前网上的教程虽然多少有所不同但是一般都是直接登录192.168.1.1之后再进入一个链接下载一个文件,打开文件里面就可以查询到,或者会有串数字自己换算一下就出来了,甚至很多旧型号直接超级管理员账号和密码都是通用的但是这些方法,不适用于我的光猫,我的光猫型号是TEWA-708E我在这里做一个记录和分享,相同或者相似型号的用户可以参考一下首先进入光猫的管理页面有两个地址都是192.168.1…

    2022年7月14日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号