Tailwind CSS oferă „ clar ” utilități care controlează comportamentul unui anumit element atunci când acesta se află lângă orice element plutit. De exemplu, clasele de utilitate „clear-left” și „clear-right” le permit dezvoltatorilor să facă elementele specificate să se miște sub orice element flotant la stânga sau la dreapta din container. Cu toate acestea, uneori, utilizatorii doresc să dezactiveze orice clar aplicat anumitor elemente și să le permită să apară lângă elementele plutitoare. În astfel de circumstanțe, utilitarul „clear-none” poate fi utilizat pentru a defini valoarea implicită a elementului.
Acest articol va exemplifica procedura de dezactivare a tuturor ștergerilor aplicate în CSS Tailwind.
Cum să dezactivezi toate ștergerile aplicate în Tailwind?
Pentru a dezactiva toate ștergerile aplicate în Tailwind, creați un fișier HTML și adăugați „ clar-nici unul ” clasă de utilitate cu elementul dorit în programul HTML. Acest utilitar resetează orice „clear” care este aplicat unui anumit element și definește valoarea implicită.
Sintaxă
< element clasă = 'clar-nici unul' > ... element >
Exemplu
În acest exemplu, vom folosi „ clar-nici unul ” utilitar cu “ ” element pentru a reseta curățile aplicate și a-i permite să plutească pe partea stângă și dreaptă:
< corp >
< div clasă = „h-96 mx-10 p-8 bg-sky-500” >
< img src = „tailwindcss_img.png” clasă = „float-stânga p-3 w-28 h-24” Tot = 'imagine' />
< img src = „tailwindcss_img.png” clasă = 'float-dreapta p-3' Tot = 'imagine' />
< p clasă = 'clar-nici unul' > Tailwind CSS oferă 'clar' utilități pentru a controla împachetarea conținutului în jurul unui element.
Acest exemplu va arăta cum să dezactivați toate ștergerile aplicate elementelor. Pentru a reseta orice ștergere aplicată unui anumit element, aplicația 'clar-nici unul' se folosește utilitatea. p >
div >
corp >
Aici:
- „ plutește la stânga ” clasa plutește elementul
în partea stângă a containerului.
- „ float-dreapta ” clasa plutește elementul
în partea dreaptă a containerului.
- „ clar-nici unul ” dezactivează orice clear aplicat elementului
și permite elementului să plutească pe ambele părți.
Ieșire
În pagina web de mai sus, se poate observa că conținutul plutește pe ambele părți ale containerului. Aceasta indică faptul că toate ștergările aplicate au fost dezactivate din elementul specificat.
Concluzie
Pentru a dezactiva toate ștergerile aplicate în Tailwind, utilizați „ clar-nici unul ” clasă de utilitate cu elementul dorit în programul HTML. Acest utilitar resetează orice clear care este aplicat unui anumit element și specifică valoarea implicită. Pentru verificare, navigați la pagina web și vizualizați modificările. Acest articol a demonstrat exemplul de dezactivare a tuturor ștergerilor aplicate în Tailwind CSS.