ओभरफ्लो

सामग्रीले तत्वलाई कसरी ओभरफ्लो गर्छ भनेर द्रुत रूपमा कन्फिगर गर्नका लागि यी संक्षिप्त उपयोगिताहरू प्रयोग गर्नुहोस्।

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