0

Вот код css

body{
-webkit-display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

С помощью такого кода страница становиться более адаптивной, все элементы появляются в центре страницы что мне и нужно. Только когда я прописываю префикс -webkit- или другие префиксы браузеров к display: flex То код перестает работать и все элементы которые были в центре передвигаются назад к левой стороне страницы. Не понимаю в чём проблема, или я префикс не так пишу?

1
  • 2
    правильно будет display: -webkit-flex; а вообще display: flex давно поддерживается в браузерах на базе Webkit безо всяких префиксов: caniuse.com/#search=display%3A%20flex 7 окт 2019 в 14:33

1 ответ 1

2

Такого свойства нет в браузере, если используете display: -webkit-flex, то всё у Вас заработает. Если Вы используете LESS к примеру, то можете создать миксин такого вида и использовать его для своих нужд:

.flex-display(@display: flex) {
    display: ~"-webkit-@{display}";
    display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox
    display: ~"-ms-@{display}"; // IE11
    display: @display;
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.