Jak používat body přerušení a dotazy na média s nástroji „overflow“ ve službě Tailwind?

Tento zápis bude ilustrovat metodu použití bodů přerušení a dotazů na média na obslužné programy „overflow“ v Tailwind CSS.

Jak využít zarážky a dotazy na média s „přetečením“ v Tailwindu?

Chcete-li v Tailwindu použít konkrétní zarážky a dotazy na média na „overflow“ nástroje, vytvořte strukturu HTML. Poté použijte „ md “ nebo „ lg ” zarážky s požadovaným 'přetečení-' nástroje pro řízení chování přetečení zadaného prvku na různých velikostech obrazovky. Dále změňte velikost obrazovky webové stránky pro ověření.

Příklad
V tomto příkladu použijeme 'md' bod zlomu s 'přetečení-rolování' užitečnost v

Tady:

• The 'automatické přetečení' třída se používá k přidání posuvníků do kontejneru a zobrazit je pouze v případě, že je nutné rolování.
• The 'md:overflow-scroll' třída přidá posuvníky a vždy je zobrazí na 'md' bod přerušení (střední velikost obrazovky).

Výstup:


---





---

Podle výše uvedeného výstupu byly body přerušení a dotazy na média úspěšně aplikovány na obslužné programy „přetečení“.

Závěr

Chcete-li použít zarážky a dotazy na média na „overflow“ nástroje v Tailwindu, použijte „ sm “, “ md “ nebo „ lg „zarážky s požadovaným“ přetečení- ” v programu HTML. Tyto body přerušení řídí chování přetečení zadaného prvku na různých velikostech obrazovky. Tento zápis ilustruje příklad použití konkrétních bodů přerušení a dotazů na média na „přetečení“ obslužných programů v Tailwindu.