ئاساسلىق مەزمۇنغا ئاتلاڭ Docs يول باشلاش
in English

ۋېرتىكال قائىدە

ئىختىيارى تىك قائىدە ياردەمچىسىنى ئىشلىتىپ <hr>ئېلېمېنتقا ئوخشاش تىك بۆلگۈچ ھاسىل قىلىڭ.

قانداق ئىشلەيدۇ

تىك قائىدىلەر <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>