Question

我开发了一个图片库的网站。目前，每个图像都与顶部对齐，我希望图像位于DIV的中心。

这是我的代码：

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

以下是我的网站链接，也可以看到它的实际效果：http://www.canninginc.co.nz/canluciddream/screenshots.html

最后一张图片就是一个很好的例子。这是一个小图像，我希望它垂直放置在中心。

Answer 1

试试这个css

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

试试这个，非常有帮助Absolute Horizontal And Vertical Centering In CSS

垂直居中图像

1 个答案: