垂直對齊看起來不起作用

我正在將一個圖像封閉在一個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

垂直對齊看起來不起作用

回答

相關問題