Tailwind CSS tarjoaa ' asia selvä ” apuohjelmat, jotka ohjaavat tietyn elementin toimintaa, kun se on minkä tahansa kelluvan elementin vieressä. Esimerkiksi 'clear-left'- ja 'clear-right'-apuluokat antavat kehittäjille mahdollisuuden saada määritetyt elementit siirtymään säiliössä olevien vasemmalla tai oikealla kelluvien elementtien alle. Joskus käyttäjät kuitenkin haluavat poistaa käytöstä tiettyihin elementteihin sovelletun tyhjennystoiminnon ja sallia niiden näkyvän kelluvien elementtien vieressä. Tällaisissa olosuhteissa 'clear-none' -apuohjelmaa voidaan käyttää elementin oletusarvon määrittämiseen.
Tämä artikkeli on esimerkki menettelystä, jolla kaikki käytetyt tyhjennykset poistetaan käytöstä Tailwind CSS:ssä.
Kuinka poistaa kaikki sovelletut tyhjennykset käytöstä Tailwindissä?
Jos haluat poistaa kaikki käytetyt tyhjennykset käytöstä Tailwindissä, luo HTML-tiedosto ja lisää ' selkeä-ei mitään ” apuluokka halutulla elementillä HTML-ohjelmassa. Tämä apuohjelma nollaa kaikki tiettyyn elementtiin sovellettavat 'tyhjennät' ja määrittää oletusarvon.
Syntaksi
< elementti luokkaa = 'selvä-ei mitään' > ... elementti >
Esimerkki
Tässä esimerkissä käytämme ' selkeä-ei mitään ' apuohjelma ' ”-elementti nollattavaan käyttöön tyhjentää ja antaa sen kellua vasemmalla ja oikealla puolella:
< kehon >
< div luokkaa = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' luokkaa = 'float-left p-3 w-28 h-24' kaikki = 'kuva' />
< img src = 'tailwindcss_img.png' luokkaa = 'float-right p-3' kaikki = 'kuva' />
< s luokkaa = 'selvä-ei mitään' > Tailwind CSS tarjoaa 'asia selvä' apuohjelmat, joilla ohjataan sisällön käärimistä elementin ympärille.
Tämä esimerkki näyttää, kuinka kaikki elementeille sovelletut tyhjennykset poistetaan käytöstä. Jos haluat nollata tiettyyn elementtiin sovelletut tyhjennykset, 'selvä-ei mitään' hyödyllisyys on käytössä. s >
div >
kehon >
Tässä:
- ' float-vasen ” luokka kelluu
-elementin säiliön vasemmalle puolelle.
- ' kellua oikealle ” luokka kelluu
-elementin säilön oikealle puolelle.
- ' selkeä-ei mitään ” luokka poistaa käytöstä kaikki
-elementtiin sovellettavat tyhjennykset ja sallii elementin kellua molemmilla puolilla.
Lähtö
Yllä olevalla verkkosivulla voidaan havaita, että sisältö kelluu säiliön molemmilla puolilla. Tämä osoittaa, että kaikki käytetyt tyhjennykset on poistettu käytöstä määritetystä elementistä.
Johtopäätös
Jos haluat poistaa käytöstä kaikki käytetyt tyhjennykset Tailwindissä, käytä ' selkeä-ei mitään ” apuluokka halutulla elementillä HTML-ohjelmassa. Tämä apuohjelma nollaa kaikki tiettyyn elementtiin sovellettavat tyhjennykset ja määrittää oletusarvon. Vahvista siirtymällä verkkosivulle ja tarkastelemalla muutoksia. Tämä artikkeli on osoittanut esimerkin poistaa kaikki käytetyt tyhjennykset käytöstä Tailwind CSS:ssä.