ഓവർഫ്ലോ

ഒരു ഘടകത്തെ ഉള്ളടക്കം എങ്ങനെ കവിഞ്ഞൊഴുകുന്നു എന്ന് പെട്ടെന്ന് കോൺഫിഗർ ചെയ്യുന്നതിന് ഈ ഷോർട്ട്ഹാൻഡ് യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക.

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>

Sass വേരിയബിളുകൾ ഉപയോഗിച്ച്, ലെ $overflowsവേരിയബിൾ മാറ്റി ഓവർഫ്ലോ യൂട്ടിലിറ്റികൾ നിങ്ങൾക്ക് ഇഷ്ടാനുസൃതമാക്കാം _variables.scss.

സാസ്

യൂട്ടിലിറ്റീസ് API

ഓവർഫ്ലോ യൂട്ടിലിറ്റികൾ ഞങ്ങളുടെ യൂട്ടിലിറ്റി API-ൽ പ്രഖ്യാപിച്ചിരിക്കുന്നു scss/_utilities.scss. യൂട്ടിലിറ്റീസ് API എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കുക.

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