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

将弹性元素所有项目的对齐方式居中对齐

当调整内容属性未在主轴上（水平）使用所有可用空间时，该属性将对齐柔性容器的项目。

使用 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>

CSS-Flex属性问题

1 个答案: