Tailwind CSS poskytuje „ Průhledná ” nástroje, které řídí chování určitého prvku, když je vedle jakéhokoli plovoucího prvku. Například obslužné třídy „clear-left“ a „clear-right“ umožňují vývojářům přesunout zadané prvky pod jakékoli prvky v kontejneru s plovoucí levou nebo pravou stranou. Někdy však uživatelé chtějí zakázat jakékoli vymazání aplikované na určité prvky a umožnit jim, aby se objevily vedle plovoucích prvků. Za takových okolností lze k definování výchozí hodnoty prvku použít obslužný program „clear-none“.
Tento článek bude příkladem postupu pro deaktivaci všech použitých vymazání v Tailwind CSS.
Jak zakázat všechna použitá vymazání v Tailwindu?
Chcete-li v Tailwindu zakázat všechna použitá vymazání, vytvořte soubor HTML a přidejte „ jasné-žádné ” třída utility s požadovaným prvkem v programu HTML. Tento nástroj resetuje jakékoli „vymazání“, které je aplikováno na konkrétní prvek, a definuje výchozí hodnotu.
Syntax
< živel třída = 'jasný-žádný' > ... živel >
Příklad
V tomto příkladu použijeme „ jasné-žádné ” nástroj s “ ” prvek pro resetování aplikovaných čirů a umožnění jeho pohybu na levé a pravé straně:
< tělo >
< div třída = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' třída = 'plovoucí levý p-3 w-28 h-24' všechno = 'obraz' />
< img src = 'tailwindcss_img.png' třída = 'float-right p-3' všechno = 'obraz' />
< p třída = 'jasný-žádný' > Tailwind CSS poskytuje 'Průhledná' nástroje pro ovládání obtékání obsahu kolem prvku.
Tento příklad ukáže, jak zakázat všechna aplikovaná vymazání prvků. Chcete-li resetovat jakékoli použité vymazání na konkrétní prvek, použijte 'jasný-žádný' používá se utilita. p >
div >
tělo >
Tady:
- “ plavat vlevo Třída ” přenese prvek
na levou stranu kontejneru.
- “ plovoucí vpravo ” třída přenese prvek
na pravou stranu kontejneru.
- “ jasné-žádné ” zakáže jakékoli vymazání použité na prvek
a umožní prvku plavat na obou stranách.
Výstup
Na výše uvedené webové stránce lze pozorovat, že obsah plave na obou stranách kontejneru. To znamená, že všechna použitá vymazání byla ze zadaného prvku zakázána.
Závěr
Chcete-li deaktivovat všechna použitá vymazání v Tailwindu, použijte „ jasné-žádné ” třída utility s požadovaným prvkem v programu HTML. Tento obslužný program resetuje veškeré vymazání, které je aplikováno na konkrétní prvek, a určuje výchozí hodnotu. Pro ověření přejděte na webovou stránku a zobrazte změny. Tento článek ukazuje příklad deaktivace všech použitých vymazání v Tailwind CSS.