ठाडो नियम

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

यस पृष्ठमा

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

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

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

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

उदाहरण

html

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

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

html

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

स्टकहरू संग

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

पहिलो वस्तु

दोस्रो वस्तु

तेस्रो वस्तु

html

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