Rekọja si akoonu akọkọ Rekọja si lilọ kiri awọn docs
Check
in English

Ofin inaro

Lo oluranlọwọ ofin inaro aṣa lati ṣẹda awọn ipin inaro bi <hr>eroja.

Bawo ni o ṣe n ṣiṣẹ

Awọn ofin inaro jẹ atilẹyin nipasẹ <hr>eroja, gbigba ọ laaye lati ṣẹda awọn ipin inaro ni awọn ipilẹ to wọpọ. Wọn ṣe aṣa gẹgẹ bi <hr>awọn eroja:

  • Wọn 1pxgbooro
  • Wọn min-heightti1em
  • Awọ wọn ti ṣeto nipasẹ currentColoratiopacity

Ṣe akanṣe wọn pẹlu awọn aza afikun bi o ṣe nilo.

Apeere

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

Awọn ofin inaro ṣe iwọn giga wọn ni awọn ipilẹ irọrun:

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

Pẹlu awọn akopọ

Wọn tun le ṣee lo ni awọn akopọ :

Ohun akọkọ
Nkan keji
Nkan kẹta
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>