中心垂直對齊

Question

我有一個共同的問題，雖然我還沒有能夠解決它找到elsewehere堆棧溢出解決方案。我試圖垂直對齊標識，並與未知高度頭疊加的圖像上的搜索欄

的挑戰（因爲當瀏覽器寬度減小，因爲它是敏感的圖像縮小）：

1. 我在一個div塊中有一個標題圖像（img，而不是CSS背景圖像），另一個徽標&需要疊加在背景圖像上的兩個其他div塊中的搜索欄。
2. 隨着瀏覽寬度的減小，標題圖像的大小會縮小，因爲它是一個響應站點。這意味着我不知道標題的高度。
3. 徽標左移，搜索欄右移。
4. 我需要以某種方式將徽標和搜索欄垂直居中，以便它們始終顯示得很好，無論它們覆蓋的標題圖像的高度如何。

實施例：http://www-dev.channelaustin.org/about

任何建議？

Answer 1

第一個答案here，本質上回答你的問題。因爲你只想要垂直居中，你應該刪除：

top: 50%;