ప్రధాన కంటెంట్‌కి దాటవేయండి డాక్స్ నావిగేషన్‌కు దాటవేయండి
Check
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>

$overflowsSass వేరియబుల్స్ ఉపయోగించి, మీరు లో వేరియబుల్‌ని మార్చడం ద్వారా ఓవర్‌ఫ్లో యుటిలిటీలను అనుకూలీకరించవచ్చు _variables.scss.

సాస్

యుటిలిటీస్ API

ఓవర్‌ఫ్లో యుటిలిటీలు మా యుటిలిటీస్ APIలో ప్రకటించబడ్డాయి scss/_utilities.scss. యుటిలిటీస్ APIని ఎలా ఉపయోగించాలో తెలుసుకోండి.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),