in English
Ylivuoto
Näiden lyhennettyjen apuohjelmien avulla voit määrittää nopeasti, kuinka sisältö ylittää elementin.
Säädä overflow
ominaisuutta lennossa neljällä oletusarvolla ja luokalla. Nämä luokat eivät ole oletusarvoisesti reagoivia.
Tämä on esimerkki käytöstä
.overflow-auto
elementissä, jonka leveys- ja korkeusmitat on asetettu. Suunnittelun mukaan tämä sisältö rullaa pystysuunnassa.
Tämä on esimerkki käytöstä
.overflow-hidden
elementissä, jonka leveys- ja korkeusmitat on asetettu.
Tämä on esimerkki käytöstä
.overflow-visible
elementissä, jonka leveys- ja korkeusmitat on asetettu.
Tämä on esimerkki käytöstä
.overflow-scroll
elementissä, jonka leveys- ja korkeusmitat on asetettu.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Käyttämällä Sass-muuttujia voit mukauttaa ylivuotoapuohjelmia muuttamalla $overflows
muuttujaa kohdassa _variables.scss
.
Sass
Utilities API
Ylivuotoapuohjelmat on ilmoitettu utilities API:ssa scss/_utilities.scss
. Opi käyttämään apuohjelmien sovellusliittymää.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),