Tailwind CSS teikia „ išlyginti elementus “ komunalinės paslaugos, skirtos valdyti lanksčių ir tinklelio elementų padėtį išilgai konteinerio skersinės ašies. Jame yra įvairių naudingumo klasių, pvz., „elementų pradžia“, „elementų centras“, „elementų pabaiga“, „elementų bazė“ ir kt. Be to, vartotojai taip pat gali naudoti užvedimo ypatybę su „elementai-
Šiame straipsnyje bus parodytas „Tailwind CSS“ paslaugų programų užvedimo ant lygiavimo elementų taikymo pavyzdys.
Kaip „Tailwind“ pritaikyti pelės žymeklį ant elementų suderinimo paslaugų?
Norėdami pritaikyti pelės žymeklį „Tailwind“ paslaugų priemonėms „lyginti elementus“, sukurkite HTML struktūrą ir pridėkite „ užveskite pelės žymeklį 'naudingumo klasė su norimu' elementai-
Sintaksė
< elementas klasė = 'hover:items-
Pakeiskite
Pavyzdys
Šiame pavyzdyje sukursime lanksčią talpyklą su ypatybe „elementų pradžia“. Tada mes naudosime „ užveskite pelės žymeklį: elementų centras “ klasė “ Išvestis Norėdami pritaikyti užvedimo efektą „Tailwind“ elementų suderinimo programoms, naudokite „ užveskite pelės žymeklį 'naudingumo klasė su konkrečia' elementai-
< kūnas >
< div klasė = 'Flex items-start hover:items-center justify-around text-center h-44 m-3 bg-pink-300 gap-4' >
< div klasė = 'bg-pink-600 py-4 w-40' > 1 div >
< div klasė = 'bg-pink-600 py-12 w-40' > 2 div >
< div klasė = 'bg-pink-600 py-8 w-40' > 3 div >
div >
kūnas >
Čia:
Aukščiau pateiktame tinklalapyje galima pastebėti, kad lanksčių elementų išlygiavimas keičiasi išilgai konteinerio skersinės ašies užvedus pelės žymeklį. Išvada