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