Tailwind CSS pruža ' čisto ” pomoćni programi koji kontroliraju ponašanje određenog elementa kada se nalazi pored bilo kojeg plutajućeg elementa. Na primjer, klase uslužnih programa 'clear-left' i 'clear-desno' omogućuju programerima da navedene elemente pomaknu ispod bilo kojeg lijevo ili desno lebdećeg elementa u spremniku. Međutim, ponekad korisnici žele onemogućiti bilo koje brisanje primijenjeno na određene elemente i dopustiti im da se pojave pored lebdećih elemenata. U takvim okolnostima, uslužni program 'clear-none' može se koristiti za definiranje zadane vrijednosti elementa.
Ovaj će članak prikazati primjer postupka za onemogućavanje svih primijenjenih čišćenja u Tailwind CSS-u.
Kako onemogućiti sve primijenjene preglede u Tailwindu?
Da biste onemogućili sva primijenjena čišćenja u Tailwindu, napravite HTML datoteku i dodajte ' jasna-nikakva ” uslužna klasa sa željenim elementom u HTML programu. Ovaj uslužni program poništava svaki 'clear' koji se primjenjuje na određeni element i definira zadanu vrijednost.
Sintaksa
< element razreda = 'jasno-ništa' > ... element >
Primjer
U ovom primjeru koristit ćemo ' jasna-nikakva ' uslužni program s ' ” za poništavanje primijenjenih čistina i dopuštanje da lebdi s lijeve i desne strane:
< tijelo >
< div razreda = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' razreda = 'float-lijevo p-3 w-28 h-24' sve = 'slika' />
< img src = 'tailwindcss_img.png' razreda = 'float-desno p-3' sve = 'slika' />
< str razreda = 'jasno-ništa' > Tailwind CSS pruža 'čisto' pomoćne programe za kontrolu omatanja sadržaja oko elementa.
Ovaj primjer će pokazati kako onemogućiti sva primijenjena brisanja na elemente. Za poništavanje svih primijenjenih brisanja na određeni element, 'jasno-ništa' koristi se korisnost. str >
div >
tijelo >
Ovdje:
- “ plovak-lijevo ” klasa pomiče element
na lijevu stranu spremnika.
- “ lebdi-desno ” pomiče element
na desnu stranu spremnika.
- “ jasna-nikakva ” onemogućuje bilo kakvo brisanje primijenjeno na
element i dopušta elementu da pluta s obje strane.
Izlaz
Na gornjoj web stranici može se primijetiti da sadržaj pluta s obje strane spremnika. Ovo označava da su sva primijenjena brisanja onemogućena za navedeni element.
Zaključak
Da biste onemogućili sva primijenjena čišćenja u Tailwindu, upotrijebite ' jasna-nikakva ” uslužna klasa sa željenim elementom u HTML programu. Ovaj uslužni program poništava bilo koje brisanje koje se primjenjuje na određeni element i navodi zadanu vrijednost. Za potvrdu, idite na web stranicu i pogledajte promjene. Ovaj je članak pokazao primjer za onemogućavanje svih primijenjenih čišćenja u Tailwind CSS-u.