Овај запис ће илустровати:
Како користити „аутоматско преливање“ у Таилвинд-у?
„ оверфлов-ауто ” класа аутоматски додаје траке за померање када се садржај препуни. Не приказује траку за померање ако се садржај не препуни. Да бисте користили „аутоматско преливање“ у Таилвинд-у, направите ХТМЛ програм и додајте „ оверфлов-ауто ” услужна класа до жељеног елемента у ХТМЛ програму.
Синтакса
< елемент класа = 'аутоматско преливање ...' > ... елемент >
Пример
У овом примеру применићемо „аутоматско преливање“ корисност за
контејнер: < тело >
< див класа = 'оверфлов-ауто бг-пурпле-300 п-4 мк-16 мт-5 х-32 тект-јустифи' >
Таилвинд ЦСС пружа различите услужне програме за „преливање“, као што су „оверфлов-ауто“, „оверфлов-сцролл“, „оверфлов-хидден“, „оверфлов-висибле“ итд. Ови услужни програми одређују како одређени елемент рукује садржајем који премашује контејнер величина. Сваки услужни програм нуди јединствену функционалност, међутим, њихов крајњи циљ остаје исти, односно да контролише понашање преливања изабраног елемента.
< / див >
< / тело >
- „аутоматско преливање“ класа се користи за додавање трака за померање у контејнер и приказују их само када је потребно померање.
- “бг-љубичаста-300” цласс поставља љубичасту боју на боју позадине контејнера.
- “п-4” класа поставља 4 јединице подлоге на свим странама контејнера.
- “мк-16” класа примењује 16 јединица маргине на к-осу контејнера.
- “мт-5” класа примењује 5 јединица маргине на врх контејнера.
- “х-32” класа поставља висину контејнера на 32 јединице.
- „текст-јустифи“ класа оправдава текст садржаја унутар контејнера.
Излаз
Горњи излаз приказује вертикалну траку за померање када се текст прелива. Ово указује да је „аутоматско преливање“ услужни програм је успешно примењен на елемент.
Како користити „оверфлов-сцролл“ у Таилвинд-у?
Овај услужни програм додаје траке за померање у контејнер и увек их приказује чак и ако померање није неопходно. Такође омогућава померање у свим правцима. Да бисте користили „оверфлов-сцролл“ у Таилвинд-у, направите ХТМЛ програм и додајте „преливање-померање“ услужну класу за одређени елемент у ХТМЛ програму.
Синтакса
< елемент класа = 'преливање-помицање ...' > ... елемент > Пример
У овом примеру применићемо „преливање-померање“ корисност за
< див класа = 'оверфлов-сцролл бг-пурпле-300 п-4 мк-16 мт-5 х-32 тект-јустифи' >
Таилвинд ЦСС пружа различите услужне програме за „преливање“, као што су „оверфлов-ауто“, „оверфлов-сцролл“, „оверфлов-хидден“, „оверфлов-висибле“ итд. Ови услужни програми одређују како одређени елемент рукује садржајем који премашује контејнер величина. Сваки услужни програм нуди јединствену функционалност, међутим, њихов крајњи циљ остаје исти, односно да контролише понашање преливања изабраног елемента.
< / див >
< / тело >
Ево, „преливање-померање“ класа се користи за додавање трака за померање у
контејнер и увек их показује.Излаз
У горњем излазу се могу видети и вертикалне и хоризонталне траке за померање. Ово указује да је „преливање-померање“ услужни програм је успешно примењен на елемент.
Закључак
Да бисте користили „оверфлов-ауто“ и „оверфлов-сцролл“ у Таилвинд-у, потребно је додати „аутоматско преливање“ и „преливање-померање“ услужне класе до жељених елемената у ХТМЛ програму. Обе услужне класе додају траке за померање наведеним елементима. Међутим, класа „оверфлов-ауто” приказује траке за померање само када је померање неопходно, док класа „оверфлов-сцролл” их увек приказује чак и ако померање није неопходно. Овај запис је илустровао методе за коришћење „аутоматског преливања“ и „преливања-померања“ у Таилвинд-у.