ठाडो नियम

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

ठाडो नियमहरू तत्वबाट प्रेरित हुन्छन् <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>