Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 垂直对齐似乎不起作用_Jquery_Css - Fatal编程技术网

Jquery 垂直对齐似乎不起作用

Jquery 垂直对齐似乎不起作用,jquery,css,Jquery,Css,我正在制作一个包含在一个div中的图像的动画,该图像从一个移动到另一个div。目标div包含一个包含内容的span 我需要的是,当image div附加到destination div时,所有内容(span text和附加的img div)都应该垂直居中 var des = $(".destnation").position(); var el = $(".toMove"); el.css("position", "absolute"); el.animate({ top

我正在制作一个包含在一个div中的图像的动画,该图像从一个
  • 移动到另一个div。目标div包含一个包含内容的span

    我需要的是,当image div附加到destination div时,所有内容(span text和附加的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;
    }
    

    HTML缩放宽度而不是高度

    当您在表中使用垂直对齐时,它的工作原理与您预期的一样<代码>


    在常规类中,它不会始终正常工作。

    垂直对齐仅在表格单元格上工作,不是吗?无法使用表格单元格。。。我需要为一个div做这个,你可以将表格单元格应用于一个div。我在那个div中有多个div。。。我需要它们垂直<代码>显示:表格单元格将其放在一行中。。。我不知道want@RAJ可能重复: