Tailwind CSS poskytuje „ jasný ” pomocné programy, ktoré riadia správanie konkrétneho prvku, keď je vedľa akéhokoľvek plávajúceho prvku. Napríklad pomocné triedy „clear-left“ a „clear-right“ umožňujú vývojárom presunúť špecifikované prvky pod ľubovoľné prvky v kontajneri s pohyblivou čiarou doľava alebo doprava. Niekedy však používatelia chcú zakázať akékoľvek vymazanie aplikované na určité prvky a umožniť im, aby sa zobrazovali vedľa plávajúcich prvkov. Za takýchto okolností možno použiť nástroj „clear-none“ na definovanie predvolenej hodnoty prvku.
Tento článok bude príkladom postupu na zakázanie všetkých použitých vymazaní v CSS Tailwind.
Ako zakázať všetky použité vymazania v Tailwinde?
Ak chcete zakázať všetky použité vymazania v Tailwinde, vytvorte súbor HTML a pridajte „ jasné-žiadne ” pomocná trieda s požadovaným prvkom v programe HTML. Táto pomôcka resetuje akékoľvek „vymazanie“, ktoré sa aplikuje na konkrétny prvok, a definuje predvolenú hodnotu.
Syntax
< element trieda = 'jasné-žiadne' > ... element >
Príklad
V tomto príklade použijeme „ jasné-žiadne ” nástroj s “ ” prvok na resetovanie aplikovaných čírov a umožnenie jeho pohybu na ľavej a pravej strane:
< telo >
< div trieda = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' trieda = 'float-left p-3 w-28 h-24' všetko = 'obrázok' />
< img src = 'tailwindcss_img.png' trieda = 'float-right p-3' všetko = 'obrázok' />
< p trieda = 'jasné-žiadne' > Tailwind CSS poskytuje 'jasný' nástroje na ovládanie zalamovania obsahu okolo prvku.
Tento príklad ukáže, ako zakázať všetky použité vymazania prvkov. Ak chcete resetovať všetky použité vymazania na konkrétny prvok, 'jasné-žiadne' používa sa užitočnosť. p >
div >
telo >
Tu:
- “ plavák-vľavo ” prenesie prvok
na ľavú stranu kontajnera.
- “ float-right ” prenesie prvok
na pravú stranu kontajnera.
- “ jasné-žiadne ” zakáže akékoľvek vymazanie aplikované na prvok
a umožní prvku plávať na oboch stranách.
Výkon
Na vyššie uvedenej webovej stránke je možné pozorovať, že obsah pláva na oboch stranách kontajnera. To znamená, že všetky aplikované vymazania boli deaktivované zo zadaného prvku.
Záver
Ak chcete zakázať všetky použité vymazania v Tailwinde, použite „ jasné-žiadne ” pomocná trieda s požadovaným prvkom v programe HTML. Táto pomôcka resetuje akékoľvek vymazanie, ktoré sa použije na konkrétny prvok, a určí predvolenú hodnotu. Pre overenie prejdite na webovú stránku a zobrazte zmeny. Tento článok demonštroval príklad na zakázanie všetkých použitých vymazaní v CSS Tailwind.