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