Префиксы css для flex

277

03 сентября 2021, 09:20

Вот код css

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

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

Answer 1

Такого свойства нет в браузере, если используете 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;
}

Создание интернет-магазина посуды в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Неправильная запись при сохранении QJson

Не могу найти чего то подобного на просторах ИнетаПроблема в следующем: Читаю json файл, после просто сохраняю

264

c++

Многократное определение функции

136

c++

Вопрос по компараторам

Почему при равных значениях, поступивших на вход компаратору, мы должны возвращать false, иначе это вызывает Run Time ErrorОб этом узнал тут: https://codeforces

117

c++

Как вычислить, принадлежат ли точки коориднат заданному графику?

Всем привет! Дали такое задание:вычислить, принадлежат ли веденные координаты с клавиатуры данному графикуВот мой график:

172