የተትረፈረፈ

ይዘት አንድን አካል እንዴት እንደሚሞላ በፍጥነት ለማዋቀር እነዚህን የአጭር እጅ መገልገያዎች ይጠቀሙ።

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።

ሳስ

መገልገያዎች ኤፒአይ

የተትረፈረፈ መገልገያዎች በእኛ መገልገያዎች ኤፒአይ ውስጥ ይታወቃሉ scss/_utilities.scss። የመገልገያ ኤፒአይን እንዴት መጠቀም እንደሚችሉ ይወቁ።

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