中心图像垂直使用UL并显示为内联

Question

所以我试图使用vertical-align：middle来垂直居中我的图像，但我尝试的一切似乎都没有用。我的图像在UL中，显示为内联，因此用户可以在div中从左向右滚动，我希望它们在div的中间居中。

不，我不想使用内联块或表格单元来显示它不是我想要实现的外观。

看一下我的演示here

下面是我的Child容器，其中保存了图像。

.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;
}