html - 在页面中心对齐画廊

Question

我有一个投资组合网站，我正在尝试将图片对齐到页面中央。我试过了

text-align

和

margin

但似乎没有任何效果。代码和CSS如下:

<div class="body">
    <div class=responsive>
        <div class=image>
            <img class="gallery" src="../pics/placeholder.png">
            <p></p>
        </div>
    </div>

和

.body {
   text-align: center;
   padding-top: 20px;
   float: left;
}

.responsive {
   padding: 5px;
   float: left
}

.gallery {
   width: 250px;
   height: 250px;
}

Answer 1

从 .responsive 中删除 float:left 并将 width:100% 添加到 .body

那么你也不需要 .body 上的 float。

但这完全取决于您要如何设计页面。