in English
పొంగిపొర్లుతోంది
ఎలిమెంట్ను కంటెంట్ ఎలా ఓవర్ఫ్లో చేస్తుందో త్వరగా కాన్ఫిగర్ చేయడానికి ఈ షార్ట్హ్యాండ్ యుటిలిటీలను ఉపయోగించండి.
overflow
నాలుగు డిఫాల్ట్ విలువలు మరియు తరగతులతో ఫ్లైలో ఆస్తిని సర్దుబాటు చేయండి . ఈ తరగతులు డిఫాల్ట్గా స్పందించవు.
.overflow-auto
సెట్ వెడల్పు మరియు ఎత్తు కొలతలు కలిగిన మూలకంపై
ఉపయోగించేందుకు ఇది ఒక ఉదాహరణ
. డిజైన్ ప్రకారం, ఈ కంటెంట్ నిలువుగా స్క్రోల్ చేయబడుతుంది.
.overflow-hidden
సెట్ వెడల్పు మరియు ఎత్తు కొలతలు కలిగిన మూలకంపై
ఉపయోగించేందుకు ఇది ఒక ఉదాహరణ
..overflow-visible
సెట్ వెడల్పు మరియు ఎత్తు కొలతలు కలిగిన మూలకంపై
ఉపయోగించేందుకు ఇది ఒక ఉదాహరణ
..overflow-scroll
సెట్ వెడల్పు మరియు ఎత్తు కొలతలు కలిగిన మూలకంపై
ఉపయోగించేందుకు ఇది ఒక ఉదాహరణ
.<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
$overflows
Sass వేరియబుల్స్ ఉపయోగించి, మీరు లో వేరియబుల్ని మార్చడం ద్వారా ఓవర్ఫ్లో యుటిలిటీలను అనుకూలీకరించవచ్చు _variables.scss
.
సాస్
యుటిలిటీస్ API
ఓవర్ఫ్లో యుటిలిటీలు మా యుటిలిటీస్ APIలో ప్రకటించబడ్డాయి scss/_utilities.scss
. యుటిలిటీస్ APIని ఎలా ఉపయోగించాలో తెలుసుకోండి.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),