如何使用浮点数：左，中几幅图像

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;
}

对此进行了尝试，还有其他一些代码，例如ex。使用box-sizing：border-box但没有结果。

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

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

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

Answer 1

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