Hla mus rau cov ntsiab lus tseem ceeb Hla mus rau docs navigation
Check
in English

Txoj cai ntsug

Siv cov kev cai ntsug txoj cai pab los tsim cov kab ntsug ntsug zoo li lub <hr>caij.

Ntawm nplooj ntawv no

Nws ua haujlwm li cas

Cov kev cai ntsug tau txais kev tshoov siab los ntawm lub <hr>caij, tso cai rau koj los tsim cov kab ntsug ntsug hauv cov txheej txheem sib xws. Lawv nyob nraum styled ib yam li <hr>cov ntsiab lus:

  • Lawv 1pxdav
  • Lawv min-heightmuaj1em
  • Lawv cov xim yog teem ntawm currentColorthiabopacity

Kho lawv nrog cov qauv ntxiv raws li xav tau.

Piv txwv

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

Vertical txoj cai teev lawv qhov siab hauv flex layouts:

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

Nrog pawg

Lawv kuj tuaj yeem siv rau hauv pawg :

Thawj yam khoom
Yam khoom thib ob
Yam thib peb
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>