عمودي ضابطو

عمودي ورهائيندڙ ٺاهڻ لاءِ حسب ضرورت عمودي اصول مددگار استعمال ڪريو <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>