Ez az írás bemutatja a töréspontok és médialekérdezések alkalmazásának módszerét a Tailwind CSS „túlcsordulási” segédprogramjain.
Hogyan lehet kihasználni a töréspontokat és a médialekérdezéseket „túlcsordulás” esetén a Tailwindben?
Ha bizonyos töréspontokat és médialekérdezéseket szeretne alkalmazni a Tailwind „túlcsordulási” segédprogramjaira, hozzon létre egy HTML-struktúrát. Ezután használja a „ md ” vagy „ lg ” töréspontokat a kívánt 'túlcsordulás-<érték>' segédprogramok a megadott elem túlcsordulási viselkedésének szabályozására különböző képernyőméreteken. Ezután módosítsa a weboldal képernyőméretét az ellenőrzéshez.
Példa
Ebben a példában a 'md' töréspont a „túlcsordulás-görgetés” segédprogram a
konténer a görgetősávok hozzáadásához, és mindig közepes képernyőméreten jeleníti meg őket: < test >
< div osztály = 'overflow-auto md:overflow-scroll bg-purple-300 p-4 mx-16 mt-5 h-36 text-justify' >
A Tailwind CSS különféle „túlcsordulási” segédprogramokat biztosít, mint pl
„túlcsordulás-automatikus”, „túlcsordulás-görgetés”, „túlcsordulás-rejtett”, „túlcsordulás-látható”
stb. Ezek a segédprogramok határozzák meg, hogy egy adott elem hogyan kezeli a tartalmat
amely meghaladja a tartály méretét. Minden segédprogram egyedi funkcionalitást kínál,
végcéljuk azonban változatlan marad, vagyis a túlcsordulás szabályozása
a kiválasztott elem viselkedése.
< / div >
< / test >
Itt:
- A „túlcsordulás-automatikus” osztály a görgetősávok hozzáadására szolgál konténerben, és csak akkor jelenítse meg őket, ha görgetés szükséges.
- A 'md:overflow-scroll' osztály hozzáadja a görgetősávokat, és mindig megjeleníti őket a 'md' töréspont (közepes képernyőméret).
Kimenet:
A fenti kimenet szerint a töréspontokat és a médialekérdezéseket sikeresen alkalmazták a „túlcsordulási” segédprogramokon.
Következtetés
Ha töréspontokat és médialekérdezéseket szeretne alkalmazni a Tailwind „túlcsordulási” segédprogramjaira, használja a „ sm ”, „ md ” vagy „ lg 'töréspontok a kívánt' túlcsordulás-<érték> ” segédprogramokat a HTML programban. Ezek a töréspontok szabályozzák a megadott elem túlcsordulási viselkedését különböző képernyőméreteken. Ez az írás azt a példát illusztrálta, hogy meghatározott töréspontokat és médialekérdezéseket alkalmazhat a Tailwind „túlcsordulási” segédprogramjain.