響應式佈局中的中央圖像

Question

我試圖設置一個響應式標題，它將圖像調整到瀏覽器 - 很簡單。我不能管理實現的是垂直居中內它的容器的圖像（在這種情況下，a元素）

見例如： http://jsfiddle.net/jwoodcreative/tUW3k/

我已經試過了還沒有工作，有的幾個CSS技巧jQuery的。任何一種解決方案都適合，如果有人知道的話。

Answer 1

您可以隨時使用前：50％，底部：50％絕招喜歡這裏：jsfiddle v13

.outerElement { 
    position: relative; 
    height: XXpx; 
    top: 50%; 
} 

.innerElement { 
    position: absolute; 
    bottom: 50%; 
} 

這工作，因爲innerElement的高度是不一樣的外部元件的一個，所以你可以居中你的元素（如果高度是相同的，你只需將其定位爲：0再次）

Answer 2

贊this？我已經將圖片更改爲背景圖片，它可以非常容易地在CSS中居中。爲了確保鏈接顯示，我添加了一個不間斷的空格（ ）。我認爲這是你想要的，對吧？

您可以通過在背景屬性的文檔中查找here來更改圖像的外觀。