css - 向下移动图像

Question

我正在开发一个轮播图片网页。如何在 DIV 中向下移动图像，甚至使其垂直居中？

这是我的 CSS 代码:

.carousel .item {
  height: 900px;
  background-color: #777;
}
.carousel-inner > .item > img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

这是一个指向问题网页的 URL，向您显示图像过高:http://www.canninginc.co.nz/canluciddream/screenshots.html

编辑

好的，我已经通过更改以下内容来编辑代码:

margin-top: 50px;

我仍然希望图像在 div 中更低。我可以增加上边距，但这会留下白色背景。将图像稍微降低一点的最佳方法是什么？

Answer 1

首先使 .item 位置相对，然后 在 CSS 上:

.carousel-inner > .item > img {
    position:absolute;
    top:25%;
    left:25%;
} 

这将使图像垂直居中