Как использовать безопасное центр с Flexbox? ⇐ CSS

[Anonymous]

Центрированные элементы Flexbox могут иметь нежелательное поведение, когда они переполняют свой контейнер. < /p>

Несколько не FLEX Решения были предоставлены для этой проблемы, но в соответствии с MDN есть безопасное значение < /code>, которое описано следующим образом. Выровнен, как если бы режим выравнивания был запущен.

Код: Выделить всё

align-items: safe center;
< /code>

К сожалению, я не смог найти никаких примеров или обсуждений этого или определить, сколько поддержки браузера для него. Тем не менее, это не работает для меня. Safe 

, по -видимому, игнорируется, или, возможно, элемент контейнера неправильно стилизован.>

Подробнее здесь: https://stackoverflow.com/questions/476 ... th-flexbox