😎 » CSS3 » Flexbox » flex-wrap
711 0  

flex-wrap

CSS-свойство flex-wrap определяет, будут ли элементы контейнера переноситься на одну строку или может переноситься на несколько строк. Если перенос разрешен, он устанавливает направление укладки линий.

Есть 3 записи для запрета или разрешения переноса:
№1: Все в одну строку

{flex-wrap: nowrap;}

nowrap 

№2: переносим если нужно на другую строку

{flex-wrap: wrap;}

wrap 

№3: Перенос вверх на строкой

{flex-wrap: wrap-reverse;}

wrap-reverse


==
lol Для краткой записи свойств flex-direction и flex-wrap существует свойство: flex-flow.


 

 
 Chrome  Edge  Firefox  Internet  Opera  Safari
29 12 20 11 12.1 9
 
 Android  Chrome  Edge  Firefox  Opera  Safari  Samsung
4.4 29 Yes ? 12.1 Yes ?

Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023