ក្បួនបញ្ឈរ

ប្រើជំនួយក្បួនបញ្ឈរផ្ទាល់ខ្លួនដើម្បីបង្កើតការបែងចែកបញ្ឈរដូច <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>