in English
Pag-apaw
Gamitin ang mga shorthand utility na ito para sa mabilis na pag-configure kung paano umaapaw ang content sa isang elemento.
Ayusin ang overflow
property sa mabilisang gamit ang apat na default na value at klase. Ang mga klase na ito ay hindi tumutugon bilang default.
Ito ay isang halimbawa ng paggamit
.overflow-auto
sa isang elemento na may nakatakdang lapad at mga sukat ng taas. Sa pamamagitan ng disenyo, ang nilalamang ito ay patayo na mag-i-scroll.
Ito ay isang halimbawa ng paggamit
.overflow-hidden
sa isang elemento na may nakatakdang lapad at mga sukat ng taas.
Ito ay isang halimbawa ng paggamit
.overflow-visible
sa isang elemento na may nakatakdang lapad at mga sukat ng taas.
Ito ay isang halimbawa ng paggamit
.overflow-scroll
sa isang elemento na may nakatakdang lapad at mga sukat ng taas.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Gamit ang mga variable ng Sass, maaari mong i-customize ang mga overflow utility sa pamamagitan ng pagpapalit ng $overflows
variable sa _variables.scss
.
Sass
Utilities API
Ang mga overflow utilities ay idineklara sa aming mga utility API sa scss/_utilities.scss
. Matutunan kung paano gamitin ang utility API.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),