Dik düzgün

<hr>Element ýaly dik bölüjileri döretmek üçin adaty dik düzgün kömekçisini ulanyň .

Bu sahypada

Bu nähili işleýär

<hr>Dik düzgünler umumy tertiplerde dik bölüjileri döretmäge mümkinçilik berýän elementden ylham alýar . Olar edil <hr>elementler ýaly bezelipdir:

Olar 1pxgiň
Olarda min-heightbar1em
Olaryň reňki currentColorweopacity

Zerur bolanda goşmaça stiller bilen sazlaň.

Mysal

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

Dik düzgünler flex düzülişlerinde beýikligini ulaldýarlar:

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

Ackserler bilen

Olary staklarda hem ulanyp bolar :

Birinji element

Ikinji element

Üçünji element

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