Ako používať body prerušenia a mediálne dotazy s pomôckami „overflow“ v Tailwinde?

Tento zápis ilustruje metódu použitia bodov prerušenia a mediálnych dopytov na „overflow“ nástroje v Tailwind CSS.

Ako využiť body prerušenia a mediálne dopyty s „overflow“ v Tailwinde?

Ak chcete v Tailwinde použiť konkrétne body prerušenia a mediálne dotazy na „overflow“ nástroje, vytvorte štruktúru HTML. Potom použite „ md “ alebo „ lg ” preruší s požadovaným 'overflow-' pomocné programy na ovládanie správania pri pretečení zadaného prvku na rôznych veľkostiach obrazovky. Potom zmeňte veľkosť obrazovky webovej stránky na overenie.

Príklad
V tomto príklade použijeme 'md' bod zlomu s 'preplniť rolovanie' užitočnosť v

Tu:

• The 'automatické pretečenie' trieda sa používa na pridanie posúvačov do kontajnera a zobraziť ich iba vtedy, keď je potrebné posúvanie.
• The 'md:overflow-scroll' trieda pridáva posúvače a vždy ich zobrazuje na 'md' bod prerušenia (stredná veľkosť obrazovky).

Výkon:


---





---

Podľa vyššie uvedeného výstupu boli body prerušenia a mediálne dotazy úspešne aplikované na obslužné programy „overflow“.

Záver

Ak chcete použiť body prerušenia a mediálne dopyty v pomôckach „overflow“ v Tailwinde, použite „ sm “, “ md “ alebo „ lg „prerušovacie body s požadovaným“ overflow- ” v programe HTML. Tieto body prerušenia riadia správanie pri pretečení zadaného prvku na rôznych veľkostiach obrazovky. Tento zápis ilustruje príklad použitia špecifických bodov prerušenia a mediálnych dopytov na pomocné programy „overflow“ v Tailwinde.