عمودی سمون

په اسانۍ سره د انلاین، انلاین-بلاک، انلاین میز، او د میز حجرو عناصرو عمودی ترتیب بدل کړئ.

vertical-alignmentد اسانتیاوو سره د عناصرو سمون بدل کړئ . مهرباني وکړئ په یاد ولرئ چې عمودی-سند یوازې په انلاین، انلاین-بلاک، انلاین میز، او د میز حجرو عناصرو اغیزه کوي.

.align-baselineله , .align-top, .align-middle, , .align-bottom, .align-text-bottom, او .align-text-topد اړتیا سره سم انتخاب کړئ .

په عمودی توګه د غیر انلاین مینځپانګې مرکز کولو لپاره (لکه <div>s او نور) ، زموږ د فلیکس بکس اسانتیاوې وکاروئ .

د انلاین عناصرو سره:

اساسی کرښه پورته منځنی ښکته متن-پورته متن-لاندې

html

<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>

د میز حجرو سره:

اساسی کرښه

پورته

منځنی

لاندې

د متن سر

د متن لاندې

html

<table style="height: 100px;">
  <tbody>
    <tr>
      <td class="align-baseline">baseline</td>
      <td class="align-top">top</td>
      <td class="align-middle">middle</td>
      <td class="align-bottom">bottom</td>
      <td class="align-text-top">text-top</td>
      <td class="align-text-bottom">text-bottom</td>
    </tr>
  </tbody>
</table>

ساس

Utilities API

د عمودی سمون اسانتیاوې زموږ په یوټیلیټ API کې په scss/_utilities.scss. د یوټیلیټیز API کارولو څرنګوالی زده کړئ.

    "align": (
      property: vertical-align,
      class: align,
      values: baseline top middle bottom text-bottom text-top
    ),