css - CSS - Flex 属性问题

Question

.class {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}

嘿伙计们，我正在使用这种风格来制作 div 中心。我将这种样式赋予外部 div，因此内部内容使其成为自我中心。它在 Internet Explorer 中不起作用。我们可以做些什么让它在资源管理器中工作吗？

Answer 1

将灵活元素的所有项目的对齐方式居中：

当项目不使用主轴（水平）上的所有可用空间时，justify-content属性对齐灵活容器的项目。

使用align-items属性垂直对齐项目。

.item-center{
display:flex;
justify-content:center;
align-items:center;
height:400px;
border:1px solid;
}

<div class="item-center">
<div class="Hello-world"> Hello World!</div>
</div>