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>