使用jQuery垂直居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jQuery垂直居中相关的知识,希望对你有一定的参考价值。

  1. (function ($) {
  2. // VERTICALLY ALIGN FUNCTION
  3. $.fn.vAlign = function() {
  4. return this.each(function(i){
  5. var ah = $(this).height();
  6. var ph = $(this).parent().height();
  7. var mh = (ph - ah) / 2;
  8. $(this).css('padding-top', mh);
  9. });
  10. };
  11.  
  12. })(jQuery);
  13.  
  14. $('.centered').vAlign();

以上是关于使用jQuery垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

Jquery Draggable - 垂直居中光标

在 jQuery Mobile 中垂直居中 DIV 的内容

使用Javascript垂直居中div(可变高度)

如何垂直居中容器div

如何在 Jquery Mobile ListView 控件中使图像垂直居中?

使用 CSS 将图像垂直和水平居中