image - 使用UL在垂直方向上居中图像并内嵌显示

Question

因此，我尝试使用vertical-align：middle将我的图像垂直居中，但是我尝试的一切似乎都无法正常工作。我将图像放置在UL中，并且显示为嵌入式，因此用户可以在div中从左向右滚动，并且希望它们位于div的中间。

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

看看我的演示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;
}