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 overflowproperty 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-autosa 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-hiddensa isang elemento na may nakatakdang lapad at mga sukat ng taas.

Ito ay isang halimbawa ng paggamit .overflow-visiblesa isang elemento na may nakatakdang lapad at mga sukat ng taas.

Ito ay isang halimbawa ng paggamit .overflow-scrollsa 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 $overflowsvariable 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,
    ),