Tailwind CSS teikia „ aišku “ komunalinės paslaugos, kurios kontroliuoja konkretaus elemento elgesį, kai jis yra šalia bet kurio slankiojo elemento. Pavyzdžiui, „clear-left“ ir „clear-right“ naudingumo klasės leidžia kūrėjams priversti nurodytus elementus perkelti po bet kuriais konteinerio kairiąja arba dešine slankiojančiais elementais. Tačiau kartais vartotojai nori išjungti bet kokį tam tikriems elementams taikomą išvalymą ir leisti jiems būti šalia slankiųjų elementų. Tokiomis aplinkybėmis numatytajai elemento vertei nustatyti galima naudoti „clear-none“ įrankį.
Šiame straipsnyje bus parodyta procedūra, kaip išjungti visus taikomus išvalymus „Tailwind CSS“.
Kaip išjungti visus taikomus išvalymus „Tailwind“?
Norėdami išjungti visus taikomus išvalymus „Tailwind“, sukurkite HTML failą ir pridėkite „ aišku-nėra ” naudingumo klasė su norimu elementu HTML programoje. Ši programa iš naujo nustato bet kokį „išvalymą“, taikomą konkrečiam elementui, ir apibrėžia numatytąją reikšmę.
Sintaksė
< elementas klasė = 'aišku - nieko' > ... elementas >
Pavyzdys
Šiame pavyzdyje mes naudosime „ aišku-nėra 'naudingumas su ' “ elementas, skirtas iš naujo nustatyti pritaikytus išvalymus ir leisti jam plūduriuoti kairėje ir dešinėje:
< kūnas >
< div klasė = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' klasė = 'float-left p-3 w-28 h-24' viskas = 'vaizdas' />
< img src = 'tailwindcss_img.png' klasė = 'float-right p-3' viskas = 'vaizdas' />
< p klasė = 'aišku - nieko' > Tailwind CSS teikia 'aišku' paslaugų, skirtų valdyti turinio apvyniojimą aplink elementą.
Šiame pavyzdyje parodyta, kaip išjungti visus taikomus elementų išvalymus. Norėdami iš naujo nustatyti tam tikram elementui pritaikytus išvalymus, 'aišku - nieko' naudojamas naudingumas. p >
div >
kūnas >
Čia:
- “ plūdė-kairė ” klasė perkelia
elementą į kairę konteinerio pusę.
- “ plūduriuoti-dešinėn ” klasė perkelia
elementą į konteinerio dešinę pusę.
- “ aišku-nėra ” klasė išjungia bet kokį
elementui taikomą išvalymą ir leidžia elementui plūduriuoti iš abiejų pusių.
Išvestis
Aukščiau pateiktame tinklalapyje galima pastebėti, kad turinys plūduriuoja abiejose konteinerio pusėse. Tai rodo, kad visi taikomi išvalymai buvo išjungti iš nurodyto elemento.
Išvada
Norėdami išjungti visus taikomus išvalymus „Tailwind“, naudokite „ aišku-nėra ” naudingumo klasė su norimu elementu HTML programoje. Ši programa iš naujo nustato bet kokį aiškinimą, taikomą konkrečiam elementui, ir nurodo numatytąją reikšmę. Norėdami patvirtinti, eikite į tinklalapį ir peržiūrėkite pakeitimus. Šiame straipsnyje parodytas pavyzdys, kaip išjungti visus taikomus išvalymus „Tailwind CSS“.