Tailwind CSS ponuja ' jasno ” pripomočke, ki nadzorujejo vedenje določenega elementa, ko je poleg katerega koli lebdečega elementa. Na primer, pomožni razredi »clear-left« in »clear-right« razvijalcem omogočajo, da se podani elementi premaknejo pod vse levo ali desno lebdeče elemente v vsebniku. Vendar uporabniki včasih želijo onemogočiti kakršno koli čiščenje, ki se uporablja za določene elemente, in dovoliti, da se prikažejo poleg lebdečih elementov. V takšnih okoliščinah se lahko za določitev privzete vrednosti elementa uporabi pripomoček »clear-none«.
Ta članek bo ponazoril postopek za onemogočanje vseh uporabljenih čiščenj v Tailwind CSS.
Kako onemogočiti vse uporabljene klire v Tailwind?
Če želite onemogočiti vse uporabljene počistitve v Tailwindu, naredite datoteko HTML in dodajte » jasno-nič ” uporabnega razreda z želenim elementom v programu HTML. Ta pripomoček ponastavi kakršno koli »počisti«, ki je uporabljeno za določen element, in definira privzeto vrednost.
Sintaksa
< element razred = 'jasno-nič' > ... element >
Primer
V tem primeru bomo uporabili » jasno-nič » pripomoček z » ” za ponastavitev uporabljenih čistil in omogočanje lebdenja na levi in desni strani:
< telo >
< div razred = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' razred = 'float-left p-3 w-28 h-24' vse = 'slika' />
< img src = 'tailwindcss_img.png' razred = 'lebdeči desni p-3' vse = 'slika' />
< str razred = 'jasno-nič' > Tailwind CSS ponuja 'jasno' pripomočke za nadzor ovijanja vsebine okoli elementa.
Ta primer bo pokazal, kako onemogočiti vse uporabljene čiščenja elementov. Če želite ponastaviti vse uporabljene klire za določen element, se 'jasno-nič' pripomoček se uporablja. str >
div >
telo >
Tukaj:
- “ float-left ” plava element
na levo stran vsebnika.
- “ plavaj-desno ” premakne element
na desno stran vsebnika.
- “ jasno-nič ” onemogoči kakršno koli čiščenje, uporabljeno za element
, in omogoči, da element lebdi na obeh straneh.
Izhod
Na zgornji spletni strani je mogoče opaziti, da vsebina lebdi na obeh straneh vsebnika. To pomeni, da so bile vse uporabljene čiščenja onemogočene za podani element.
Zaključek
Če želite onemogočiti vse uporabljene klire v Tailwindu, uporabite » jasno-nič ” uporabnega razreda z želenim elementom v programu HTML. Ta pripomoček ponastavi vse klire, ki se uporabljajo za določen element, in poda privzeto vrednost. Za preverjanje se pomaknite na spletno stran in si oglejte spremembe. Ta članek je prikazal primer onemogočanja vseh uporabljenih počistitev v Tailwind CSS.