Kaip taikyti „įsilaužimą“ „Hover in Tailwind“?

Šiame straipsnyje bus parodytas metodas, kaip taikyti „įsilaužimą“ užvedus pelės žymeklį naudojant „Tailwind CSS“.

Kaip taikyti „įsilaužimą“ „Hover in Tailwind“?

Norėdami pritaikyti „įsilaužimą“ užvedus pelės žymeklį programoje „Tailwind“, norimiems HTML programos elementams naudokite ypatybę „hover“ su konkrečia „break-inside“ įrankiu. Tada patikrinkite tinklalapį.

Norėdami praktiškai pademonstruoti, išbandykite toliau nurodytus veiksmus:

1 veiksmas: naudokite „Hover Property“ su „įsilaužimo į vidų“ programa
Sukurkite HTML programą ir naudokite „ užveskite pelės žymeklį “ nuosavybė su norimu „įsilaužimo“ įrankiu. Pavyzdžiui, mes naudojome ypatybę hover su „ įsilaužti į vidų-vengti stulpelį ” įrankis, skirtas išvengti stulpelio lūžio užvedus pelės žymeklį elemente

:

Čia:

• “ stulpeliai-2 ” klasė naudojama padalinti
  į du stulpelius.
• “ bg-geltonas-500 ” klasė nustato geltoną spalvą
  fone.
• “ hover:break-inside-aid-colum ” klasė elemente

  rodo, kad pelės žymekliui užvedus,

  elemente reikia vengti stulpelio lūžio.

2 veiksmas: patikrinkite išvestį
Norėdami patikrinti, ar „break-inside-avoid-column“ įrankis sėkmingai pritaikytas užvedus pelės žymeklį, peržiūrėkite HTML tinklalapį:

Aukščiau pateikta išvestis rodo, kad vartotojui užvedus pelės žymeklį virš norimo elemento, elemento stulpelio lūžio buvo išvengta. Tai rodo, kad stulpelis „break-inside-aid-colum“ buvo sėkmingai pritaikytas elementui užvedus pelės žymeklį, pagal kurį jis buvo nurodytas.

Išvada

Norėdami pritaikyti „įsilaužimą“ užvedus pelės žymeklį „Tailwind“, naudokite „ užveskite pelės žymeklį 'turtas su norimu' įsilaužti į vidų “ įrankį HTML programoje. Užvedimo savybė gali būti naudojama su bet kokiu elementu. Norėdami patikrinti, peržiūrėkite tinklalapį. Šiame straipsnyje paaiškintas metodas, kaip taikyti „įsilaužimą“ užvedus pelės žymeklį naudojant „Tailwind CSS“.