屏幕上的中心DIV元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了屏幕上的中心DIV元素相关的知识,希望对你有一定的参考价值。

  1. jQuery.fn.center = function () {
  2. this.css("position","absolute");
  3. this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
  4. this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
  5. return this;
  6. }
  7.  
  8. $(element).center();

以上是关于屏幕上的中心DIV元素的主要内容,如果未能解决你的问题,请参考以下文章

屏幕中心的Center Div

自动填充屏幕高度的 div 中的引导中心文本 [重复]

如何将 div 弹出对话框定位到浏览器屏幕的中心?

Flex 框问题 - 溢出时中心元素被截断 [重复]

CSS - 将 div 固定到顶部中心

滚动到 DIV 元素的中心 - Angular 7