使用UL垂直居中顯示圖像，並顯示爲內嵌

Question

所以我試圖使用vertical-align：middle垂直居中我的圖像，但是我嘗試的所有東西似乎都不起作用。我有我的圖像在UL顯示爲內聯，所以用戶可以從左到右在div中滾動，我希望他們在div的中間居中。

不，我不想用inline-block和table-cell來顯示它，而不是我想要實現的效果。

在我的演示看看here

下面是其中圖像保存我的子容器。

.child { 
position: absolute; 
width: 100%; 
height: 100%; 
background-color: #904e55; 
} 

我也有一個導航，不太清楚爲什麼它沒有在示例中顯示，但現在讓我們忽略它。

Answer 1

希望以下將幫助你，使圖像的中心：

ul.images { 
    margin: 0; 
    padding: 0 0; 
    white-space: nowrap; 
    top: 50%; 
    position: absolute; 
    margin-top: -309px; 
}