jquery - 垂直对齐似乎不起作用

Question

我正在为包含在 div 中的图像制作动画，该图像从 a 移动<li>到其他 div。目标 div 包含一个包含内容的跨度。

我需要的是，当图像 div 附加到目标 div 时，所有内容（跨度文本和附加的 img div）应该垂直居中。

var des = $(".destnation").position();   
 var el = $(".toMove");   
 el.css("position", "absolute");   
 el.animate({ top: des.top+"px" ,left :des.left+"px"}, 2000, undefined, function () {  
 el.remove().appendTo(".destnation").css("position", "static");   
 });

.destination {
   height: 4.9em;
   width: 100%;
   overflow: hidden;
   text-align: left;
   vertical-align: middle;
}

.destination span {
   color: #3366CC;
   font: 1.50em georgia, garamond, serif;
   margin-top: 0.625em;
   margin-bottom: 0.625em;
   display: block;
}

Answer 1

HTML 缩放宽度而不是高度。

当您在 Tables 中使用 vertical-align 时，它会按预期工作。<td style="vertical-align:middle">

它并不总是在常规课程中正常工作。