Ovo pisanje će ilustrirati metodu primjene prijelomnih točaka i medijskih upita na uslužnim programima 'overflow' u Tailwind CSS-u.
Kako iskoristiti prijelomne točke i medijske upite s 'overflowom' u Tailwindu?
Za primjenu određenih prijelomnih točaka i medijskih upita na uslužnim programima 'overflow' u Tailwindu, stvorite HTML strukturu. Zatim upotrijebite ' doktor medicine ' ili ' lg ” prijelomne točke sa željenim “overflow-
Primjer
U ovom primjeru koristit ćemo 'doktor medicine' prijelomna točka s “overflow-scroll” korisnost u
spremnik za dodavanje traka za pomicanje i uvijek ih prikazuje na zaslonu srednje veličine: < tijelo >
< div razreda = 'overflow-auto md:overflow-scroll bg-purple-300 p-4 mx-16 mt-5 h-36 text-justify' >
Tailwind CSS pruža razne uslužne programe za 'prelivanje', kao što su
“overflow-auto”, “overflow-scroll”, “overflow-hidden”, “overflow-visible”
itd. Ovi pomoćni programi određuju kako određeni element rukuje sadržajem
koja premašuje veličinu spremnika. Svaki uslužni program nudi jedinstvenu funkcionalnost,
međutim, njihov krajnji cilj ostaje isti, tj. kontrolirati prelijevanje
ponašanje odabranog elementa.
< / div >
< / tijelo >
Ovdje:
- The “automatski preljev” klasa se koristi za dodavanje traka za pomicanje u spremnik i prikazati ih samo kada je potrebno listanje.
- The “md:overflow-scroll” klasa dodaje trake za pomicanje i uvijek ih prikazuje na 'doktor medicine' breakpoint (srednja veličina zaslona).
Izlaz:
Prema gornjem rezultatu, prijelomne točke i medijski upiti uspješno su primijenjeni na uslužnim programima 'overflow'.
Zaključak
Za primjenu prijelomnih točaka i medijskih upita na uslužnim programima 'overflow' u Tailwindu koristite ' sm ”, “ doktor medicine ' ili ' lg 'prijelomne točke sa željenim' preljev-