垂直對齊相對於父div的div div

我在div（父級）中有div（child）。父級高度爲144到318（最小高度和最大高度）。這取決於窗口的大小。垂直對齊相對於父div的div div

我希望父母中的每個孩子都能夠垂直對齊。我用線高度試過，但由於我沒有固定的高度，我找不到答案。

任何建議如何做到這一點？

HTML文件：

<div id="mainDivPad"> 
    <div id="ipadPad"> 
     BILD 
    </div> 
</div>

CSS文件：

#mainDivPad{ 
position: relative; 
width:100%; 
height:100%; 
min-height:144px; 
max-height:318px; 
background-color:#f9e2ef; 
} 
#ipadPad{ 
float: right; 
margin-right: 7%; 
}

編輯：

兒童有「移動」，當窗口大小改變時變得更小奧得更高。（我知道，小，高的是另一個話題，不應該是這裏的問題）

來源

2014-04-02 Södy

使用線高度垂直對齊

的line-height：繼承或行高：父潛水hieght

來源

2014-04-02 12:06:50 Sid

你可以通過它的位置絕對做到這一點：

#ipadPad { 
    margin-right: 7%; 
    margin-top: -10px; 
    position: absolute; 
    right: 0; 
    top: 50%; 
}

的margin-top必須元素#ipadPad的一半高度。

Live Demo on JSFiddle

來源

2014-04-02 12:09:33 KittMedia

我沒有固定值，這就是問題所在。 –

然後使用jQuery計算它們：''（'＃ipadPad'）.css（{'margin-top'： - $（'＃ipadPad'）。height（）/ 2}）;'。見http://jsfiddle.net/KittMedia/5Dtub/1/ – KittMedia

好的。我在問題的最後添加了更多信息。當我改變窗口的大小時，位置必須改變。 –

垂直對齊相對於父div的div div

回答

相關問題