A Tailwind CSS biztosítja egyértelmű ” segédprogramok, amelyek egy adott elem viselkedését szabályozzák, amikor az bármely lebegtetett elem mellett van. Például a „clear-left” és „clear-right” segédosztályok lehetővé teszik a fejlesztők számára, hogy a megadott elemeket a tárolóban lévő balra vagy jobbra lebegő elemek alá helyezzék. Néha azonban a felhasználók le akarják tiltani az egyes elemekre alkalmazott törléseket, és engedélyezni szeretnék, hogy azok megjelenjenek a lebegtetett elemek mellett. Ilyen körülmények között a „clear-none” segédprogram használható az elem alapértelmezett értékének meghatározására.
Ez a cikk a Tailwind CSS összes alkalmazott törlésének letiltására vonatkozó eljárást mutatja be.
Hogyan lehet letiltani az összes alkalmazott törlést a Tailwindben?
A Tailwindben alkalmazott összes törlés letiltásához hozzon létre egy HTML-fájlt, és adja hozzá a „ világos-nincs ” segédprogram osztály a kívánt elemmel a HTML programban. Ez a segédprogram visszaállítja az adott elemre alkalmazott „törlést”, és meghatározza az alapértelmezett értéket.
Szintaxis
< elem osztály = 'tiszta-nincs' > ... elem >
Példa
Ebben a példában a „ világos-nincs ' segédprogram a ' ” elem az alkalmazott törlések visszaállításához, és lehetővé teszi, hogy lebegjen a bal és a jobb oldalon:
< test >
< div osztály = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' osztály = 'float-left p-3 w-28 h-24' minden = 'kép' />
< img src = 'tailwindcss_img.png' osztály = 'float-right p-3' minden = 'kép' />
< p osztály = 'tiszta-nincs' > Tailwind CSS biztosít 'egyértelmű' segédprogramok, amelyek vezérlik a tartalom egy elem körüli burkolását.
Ez a példa bemutatja, hogyan lehet letiltani az összes alkalmazott törlést az elemekre. Egy adott elemre alkalmazott törlés visszaállításához a 'tiszta-nincs' segédprogramot használják. p >
div >
test >
Itt:
- ' balra lebeg ” osztály lebegteti az
elemet a tároló bal oldalára.
- ' úszó-jobbra ” osztály lebegteti az
elemet a tároló jobb oldalára.
- ' világos-nincs ” osztály letiltja a
elemre alkalmazott törlést, és lehetővé teszi, hogy az elem mindkét oldalon lebegjen.
Kimenet
A fenti weboldalon megfigyelhető, hogy a tartalom a konténer mindkét oldalán lebeg. Ez azt jelzi, hogy az összes alkalmazott törlés le van tiltva a megadott elemről.
Következtetés
A Tailwindben alkalmazott összes törlés letiltásához használja a „ világos-nincs ” segédprogram osztály a kívánt elemmel a HTML programban. Ez a segédprogram visszaállítja az adott elemre alkalmazott törlést, és megadja az alapértelmezett értéket. Az ellenőrzéshez lépjen a weboldalra, és tekintse meg a módosításokat. Ez a cikk bemutatja azt a példát, amellyel letilthatja az összes alkalmazott törlést a Tailwind CSS-ben.