मुख्य सामग्रीमा जानुहोस् कागजात नेभिगेसनमा जानुहोस्
in English

ठाडो नियम

<hr>तत्व जस्तै ठाडो विभाजकहरू सिर्जना गर्न अनुकूल ठाडो नियम सहायक प्रयोग गर्नुहोस् ।

यसले कसरी काम गर्छ

ठाडो नियमहरू तत्वबाट प्रेरित हुन्छन् <hr>, जसले तपाईंलाई साझा लेआउटहरूमा ठाडो विभाजकहरू सिर्जना गर्न अनुमति दिन्छ। तिनीहरू <hr>तत्वहरू जस्तै स्टाइल गरिएका छन्:

  • तिनीहरू 1pxचौडा छन्
  • तिनीहरूसँग min-heightछन्1em
  • currentColorतिनीहरूको रंग र मार्फत सेट गरिएको छopacity

आवश्यकता अनुसार अतिरिक्त शैलीहरूसँग तिनीहरूलाई अनुकूलित गर्नुहोस्।

उदाहरण

<div class="vr"></div>

ठाडो नियमहरूले फ्लेक्स लेआउटहरूमा तिनीहरूको उचाइ मापन गर्दछ:

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

स्टकहरू संग

तिनीहरू स्ट्याकहरूमा पनि प्रयोग गर्न सकिन्छ :

पहिलो वस्तु
दोस्रो वस्तु
तेस्रो वस्तु
<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>