IE11 & justify-content проблему

Question

Мое angular 6 приложение работает как в IE 11, так и в Chrome последней версии. Там у меня есть две кнопки, разделенные друг от друга с использованием ниже CSS3.

.my widget .my footer {
    display: flex;
    justify-content: space-evenly;
    margin: 3px auto 6px;
}

Используя выше CSS, он прекрасно работает в браузере Chrome и кнопки разделяются друг с другом с небольшим промежутком между ними, однако на IE11, когда я проверяю, вижу ли я красную линию в CSS под

justify-content: space-evenly;

Я пробовал с justify-content:space-between, но я все еще вижу, что кнопки прикреплены друг к другу без пробелов между ними.

Answer 1

Я использовал space-around, как показано ниже, чтобы все заработало.

 justify-content: space-around;

Это работает как в IE11, так и chrome. Спасибо @ G-Cyrillus за то, что изучил это.