jquery - 垂直居中 - jQuery

Question

我有一堆随机高度和宽度的图像，需要垂直和水平居中。

无论出于何种原因，它停止工作。有人可以帮忙吗？我不了解 jQuery（有人给了我代码）。

图 1

图 2

//jQuery by Juan Mendes
$(window).load(function(){
  var $img = $('img');

  $img.css({'display': 'block',
          'margin-left': '-' + ($img.width() / 2) + 'px',
          'margin-top': '-' + ($img.height() / 2) + 'px'});
});

Answer 1

我在 center.js 中添加了一个断点，这表明您在调用时图像没有宽度/高度$img.css

为了保证您的脚本在图像加载后运行，您必须使用 onload 处理程序包装它

$(window).load(function(){
  var $img = $('img');

  $img.css({'display': 'block',
          'margin-left': '-' + ($img.width() / 2) + 'px',
          'margin-top': '-' + ($img.height() / 2) + 'px'});
});