in English
Pag-awas
Gamita kini nga mga shorthand utilities alang sa dali nga pag-configure kung giunsa ang pag-awas sa sulod sa usa ka elemento.
I-adjust ang overflow
propyedad sa langaw nga adunay upat ka default nga mga kantidad ug mga klase. Kini nga mga klase dili mosanong pinaagi sa default.
Kini usa ka pananglitan sa paggamit
.overflow-auto
sa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat. Pinaagi sa laraw, kini nga sulud mag-scroll nga patindog.
Kini usa ka pananglitan sa paggamit
.overflow-hidden
sa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.
Kini usa ka pananglitan sa paggamit
.overflow-visible
sa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.
Kini usa ka pananglitan sa paggamit
.overflow-scroll
sa usa ka elemento nga adunay gitakda nga gilapdon ug gitas-on nga mga sukat.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Gamit ang Sass variables, mahimo nimong ipasibo ang mga overflow utilities pinaagi sa pagbag-o sa $overflows
variable sa _variables.scss
.
Sass
Utilities API
Ang mga nag-awas nga mga utilities gideklarar sa among mga utilities API sa scss/_utilities.scss
. Pagkat-on unsaon paggamit ang mga utilities API.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),