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>
Sass വേരിയബിളുകൾ ഉപയോഗിച്ച്, ലെ $overflows
വേരിയബിൾ മാറ്റി ഓവർഫ്ലോ യൂട്ടിലിറ്റികൾ നിങ്ങൾക്ക് ഇഷ്ടാനുസൃതമാക്കാം _variables.scss
.
സാസ്
യൂട്ടിലിറ്റീസ് API
ഓവർഫ്ലോ യൂട്ടിലിറ്റികൾ ഞങ്ങളുടെ യൂട്ടിലിറ്റി API-ൽ പ്രഖ്യാപിച്ചിരിക്കുന്നു scss/_utilities.scss
. യൂട്ടിലിറ്റീസ് API എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കുക.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),