Префиксы css для flex
314
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;
}
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50175 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31923 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26142 visits
- Как через css изменить цвет png изображения? 11745 visits
- Blob video url download 11288 visits
- Php curl запрос через прокси с авторизацией 10700 visits
- Работа с captcha vk api 9492 visits
© "hostciti.net" 13.2.2026 | 05:05