0

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;
}
4

1 に答える 1

0

HTML は、高さではなく幅に合わせてスケーリングします。

テーブル内で vertical-align を使用すると、期待どおりに機能します。<td style="vertical-align:middle">

通常のクラス内では常に正しく機能するとは限りません。

于 2012-07-17T14:13:49.910 に答える