Овај текст ће илустрирати метод за спречавање раста или смањивања флек ставки у Таилвинд ЦСС-у.
Како спречити да флексибилни предмети расту или се скупљају у супротном ветру?
Да бисте спречили да флек ставке расту и скупљају се у Таилвинд-у, направите ХТМЛ датотеку. Затим користите „ флек-гров-0 ' и ' флек-схринк-0 ” услужни програми са одређеним флек ставкама у ХТМЛ програму. Ови услужни програми не дозвољавају флексибилним ставкама да расту или се смањују у складу са простором унутар флек контејнера. Након тога, прилагодите величину екрана ХТМЛ веб странице да бисте осигурали промене.
Пратите наведене кораке за његову практичну примену:
Корак 1: Спречите Флек ставке да расту и смањују се у ХТМЛ програму
Направите ХТМЛ програм и користите „ флек-гров-0 ' и ' флек-схринк-0 ” услужни програми са жељеним флексибилним ставкама како би се спречило њихово раст или смањење:
< тело >
< див класа = 'флек х-20' >
< див класа = 'флек-гров-0 бг-иеллов-500 в-40 м-1' > 1 < / див >
< див класа = 'флек-схринк-0 бг-фуцхсиа-500 в-40 м-1' > 2 < / див >
< див класа = 'флек-гров бг-теал-500 в-40 м-1' > 3 < / див >
< див класа = 'флек-схринк бг-ред-500 в-40 м-1' > 4 < / див >
< / див >
< / тело >
овде:
- “ флек-гров-0 ” класа спречава флек ставку да расте и заузима додатни простор унутар флек контејнера када је простор доступан.
- “ флек-схринк-0 ” класа спречава да се флек ставка смањи и смањи унутар флек контејнера када простора нема довољно.
- “ флек-гров ” класа дозвољава флек ставки да расте и заузме расположиви простор унутар флек контејнера.
- “ флек-схринк ” класа дозвољава да се флек ставка смањи ако нема довољно простора у флек контејнеру.
Корак 2: Проверите излаз
Погледајте ХТМЛ веб страницу и промените величину екрана да бисте били сигурни да су жељене флек ставке спречене да расту и смање:
Горњи излаз показује да се флек ставка „2“ не смањује у недовољно простора и ставка „1“ не расте у доступном простору. Ово указује да су жељени флексибилни предмети спречени да расту и скупљају се.
Закључак
Да бисте спречили да флексибилне ставке расту и скупљају се у Таилвинд-у, користите „ флек-гров-0 ' и ' флек-схринк-0 ” услужни програми са жељеним флек ставкама у ХТМЛ програму. За верификацију, промените и погледајте величину екрана ХТМЛ веб странице. Овај текст је пример методе за спречавање раста или смањивања флек ставки у Таилвинд ЦСС-у.