垂直对齐似乎不起作用

Question

我正在制作一个封闭在div中的图像，该图像从<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">

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