Ուղղահայաց կանոն

Ինչպես է դա աշխատում

Ուղղահայաց կանոնները ներշնչված են <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>