html - 如何使用 float :左，中几个图像

Question

我对float：left有问题

<div class="gallery">
            <img src="img.jpg" alt="">
            <img src="img.jpg" alt="">
            <img src="img.jpg" alt="">
</div>

如何使用float：left将它们居中

.gallery {
    margin: 0 auto;
}
.gallery > img {
    display: block;
    margin: 0 auto;
    float: left;
}

试过这个和其他几个代码。使用box-sizing：border-box但没有结果。

似乎在使用float后，margin auto无效。

我知道我可以使用inline-block和text-align：center来居中，但是我想使用float来居中。

我如何使用float解决此问题？

Answer 1

您是说在画廊左方浮动，然后将图像居中放置在列中吗？否则，使用clear：left将重置下一项的浮动。