Šis raksts ilustrēs pārtraukumpunktu un multivides vaicājumu lietošanas metodi Tailwind CSS “pārplūdes” utilītprogrammām.
Kā izmantot pārtraukuma punktus un multivides vaicājumus ar “pārplūdi” programmā Tailwind?
Lai lietotu noteiktus pārtraukuma punktus un multivides vaicājumus “pārplūdes” utilītprogrammām programmā Tailwind, izveidojiet HTML struktūru. Pēc tam izmantojiet ' md ” vai “ lg ” pārtraukuma punkti ar vēlamo “pārpilde-
Piemērs
Šajā piemērā mēs izmantosim 'md' pārtraukuma punkts ar “pārpildīta ritināšana” lietderība
konteineru, lai tam pievienotu ritjoslas un vienmēr rādītu tās vidējā ekrāna izmērā: < ķermenis >
< div klasē = 'overflow-auto md:overflow-scroll bg-purple-300 p-4 mx-16 mt-5 h-36 text-justify' >
Tailwind CSS nodrošina dažādas “pārplūdes” utilītas, piemēram,
“overflow-auto”, “overflow-scroll”, “overflow-hidden”, “overflow-visible”
utt. Šīs utilītas nosaka, kā konkrēts elements apstrādā saturu
kas pārsniedz konteinera izmēru. Katra utilīta piedāvā unikālu funkcionalitāti,
tomēr to galamērķis paliek nemainīgs, t.i., kontrolēt pārplūdi
atlasītā elementa uzvedība.
< / div >
< / ķermenis >
Šeit:
- The “pārpildes automātiskais” klase tiek izmantota, lai pievienotu ritjoslas konteineru un rādīt tos tikai tad, kad ir nepieciešams ritināt.
- The “md:overflow-scroll” klase pievieno ritjoslas un vienmēr rāda tās uz 'md' pārtraukuma punkts (vidēja ekrāna izmērs).
Izvade:
Saskaņā ar iepriekš minēto rezultātu pārtraukuma punkti un multivides vaicājumi ir veiksmīgi piemēroti 'pārplūdes' utilītprogrammām.
Secinājums
Lai lietotu pārtraukumpunktus un multivides vaicājumus “pārplūdes” utilītiem programmā Tailwind, izmantojiet “ sm ”, “ md ” vai “ lg 'pārtraukuma punkti ar vēlamo' pārpilde-