センターイメージはULで垂直方向に表示され、インラインとして表示されます

Question

イメージを垂直方向に中央に配置しようとしています：中間ですが、私が試したものはすべて動作していないようです。私は画像をULに表示してインラインで表示するので、ユーザーはdiv内で左から右にスクロールしてdivの中央に揃えることができます。

いいえ、私は達成しようとしている外観ではないために、インラインブロックまたはテーブルセルを表示に使用したくありません。

は私のデモを見てみましょう here

下の画像が保存されている私の子コンテナがされています。

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

私はnavも持っていますが、その例では表示されない理由はあまりありませんが、現在は無視しています。

Answer 1

は、次のことが中心に画像を作るためにあなたを助けることを願っています：

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