ઓવરફ્લો

સામગ્રી કેવી રીતે તત્વને ઓવરફ્લો કરે છે તે ઝડપથી રૂપરેખાંકિત કરવા માટે આ શોર્ટહેન્ડ ઉપયોગિતાઓનો ઉપયોગ કરો.

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,
    ),