垂直对齐看起来不起作用

我正在将一个图像封闭在一个div中，该图像从<li>移动到其他div。目标div包含具有内容的跨度。垂直对齐看起来不起作用

我需要什么，当图像div追加到目标股利，所有内容（跨文本和附加img股利）应该垂直居中。

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

来源

2012-07-17 RAJ

vertical-align仅适用于表格单元格，不是吗？ – rezna 2012-07-17 12:06:44

不能使用表格单元格...我需要为div格式执行 – RAJ 2012-07-17 12:08:23

您可以将表格单元格应用于div。 – SpaceBeers 2012-07-17 12:08:51

对于宽度而不是高度的HTML比例。

在表格中使用垂直对齐时，它的工作方式与您所期望的相同。 <td style="vertical-align:middle">

它不会在常规班级中正常工作。

来源

2012-07-17 14:13:49

垂直对齐看起来不起作用

回答

相关问题