See artikkel illustreerib Tailwind CSS-is hõljumisel „sissemurdmise” rakendamise meetodit.
Kuidas rakendada sissemurdmist Hoveril in Tailwind?
Sissemurdmise rakendamiseks hõljumisel Tailwindis kasutage HTML-programmi soovitud elementide puhul atribuuti „hover” koos konkreetse utiliidi „break-inside” abil. Seejärel vaadake veebilehte kontrollimiseks.
Praktilise tutvustamise jaoks proovige alltoodud samme:
1. toiming: kasutage hõljukatribuuti koos sissemurdmise utiliidiga
Looge HTML-programm ja kasutage ' hõljuma ” kinnisvara soovitud „sissemurdmise” utiliidiga. Näiteks oleme kasutanud hover atribuuti koos ' murra sisse-väldi-tulba ” utiliit, et vältida veeru katkemist elemendis
kursorit hõljutades:
< keha >
< div klass = 'veerud-2 bg-kollane-500' >
< lk > Tere. Tere tulemast siia.... < / lk >
< lk klass = 'hover:break-inside-avoid-column' >
Kasutage sissemurdmise utiliite, et juhtida, kuidas a
lehe- või veerupiir peaks elemendis käituma... < / lk >
< lk > Lisateave Tailwindi CSS-i kohta... < / lk >
< lk > Hüvasti... < / lk >
< / div >
< / keha >
Siin:
- “ veerud-2 ” klassi kasutatakse jagamiseks kaheks veeruks.
- “ bg-kollane-500 ” klass määrab
taustale kollase värvi.- “ hover:break-inside-avoid-colum ” klass elemendis
näitab, et kui hiirekursor liigub selle kohal, tuleks elemendis
vältida veeru katkemist.
2. samm: kontrollige väljundit
Kontrollimaks, kas utiliit „break-inside-avoid-column” on kursorit hõljutamisel edukalt rakendatud, vaadake HTML-i veebilehte:
Ülaltoodud väljund näitab, et kui kasutaja hõljutas kursorit soovitud elemendi kohal, on veeru katkemist elemendi sees välditud. See näitab, et „break-inside-avoid-colum” on edukalt rakendatud elemendile hõljutamisel, mille järgi see määrati.
Järeldus
Sissemurdmise rakendamiseks Tailwindis hõljutamisel kasutage hõljuma 'vara soovitud' sissemurdmine ” utiliit HTML-programmis. Hõljumise omadust saab kasutada mis tahes elemendiga. Kontrollimiseks vaadake veebilehte. Selles artiklis on selgitatud meetodit, kuidas Tailwind CSS-is hõljumisel rakendada sissemurdmist.
- “ bg-kollane-500 ” klass määrab