将<div>中的<div>框对齐到中心 - 它怎么不起作用？

Question

我希望徽标框居中（http://prntscr.com/igwca4） 然而，无论我尝试什么都不会改变一件事。 text-align: center;是我的想法，但由于某种原因，它绝对没有。然后边距为auto。相同。

你们能帮助我吗？

Answer 1

将display: inline-block;添加到.logo-item，从中移除float: left并将text-align: center添加到.containerlogos

（float: left不会受text-align: center影响，但display: inline-block; 将）

Answer 2

您可以使用 flex 来完成您尝试的操作。

.logos-container {
    display: flex;
    justify-content: center;
}