Tailwind CSS giver ' klar ” hjælpeprogrammer, der styrer adfærden af et bestemt element, når det er ved siden af et flydende element. For eksempel gør hjælpeklasserne 'clear-left' og 'clear-right' det muligt for udviklere at få de angivne elementer til at bevæge sig under alle venstresvævede eller højresvævende elementer i containeren. Men nogle gange ønsker brugere at deaktivere enhver clear, der er anvendt på visse elementer, og tillade dem at blive vist ved siden af de flydende elementer. Under sådanne omstændigheder kan 'clear-none'-værktøjet bruges til at definere standardværdien for elementet.
Denne artikel vil eksemplificere proceduren til at deaktivere alle anvendte sletninger i Tailwind CSS.
Hvordan deaktiverer man alle anvendte clears i medvind?
For at deaktivere alle anvendte sletninger i Tailwind skal du lave en HTML-fil og tilføje ' klar-ingen ” hjælpeklasse med det ønskede element i HTML-programmet. Dette hjælpeprogram nulstiller enhver 'clear', der anvendes på et specifikt element, og definerer standardværdien.
Syntaks
< element klasse = 'klar-ingen' > ... element >
Eksempel
I dette eksempel vil vi bruge ' klar-ingen ' værktøj med ' ” element for at nulstille anvendte clears og lade det flyde på venstre og højre side:
< legeme >
< div klasse = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' klasse = 'flåd-venstre p-3 w-28 h-24' alt = 'billede' />
< img src = 'tailwindcss_img.png' klasse = 'flyde-højre p-3' alt = 'billede' />
< s klasse = 'klar-ingen' > Tailwind CSS giver 'klar' hjælpeprogrammer til at kontrollere indpakningen af indhold omkring et element.
Dette eksempel viser, hvordan du deaktiverer alle anvendte rydninger på elementer. For at nulstille eventuelle anvendte sletninger til et bestemt element, 'klar-ingen' nytte bruges. s >
div >
legeme >
Her:
- “ flyde-venstre ”-klassen flyder
-elementet til venstre side af containeren.
- “ flyde-højre ”-klassen flyder
-elementet til containerens højre side.
- “ klar-ingen ” klasse deaktiverer enhver clear, der anvendes på
-elementet, og tillader elementet at flyde på begge sider.
Produktion
På ovenstående webside kan det ses, at indholdet flyder på begge sider af beholderen. Dette indikerer, at alle de anvendte rydninger er blevet deaktiveret fra det angivne element.
Konklusion
For at deaktivere alle anvendte clears i Tailwind skal du bruge ' klar-ingen ” hjælpeklasse med det ønskede element i HTML-programmet. Dette værktøj nulstiller enhver clear, der anvendes på et bestemt element, og angiver standardværdien. For verifikation skal du navigere til websiden og se ændringer. Denne artikel har vist eksemplet for at deaktivere alle anvendte sletninger i Tailwind CSS.