Hiriirsuu dhaabbataa

Hiriirsa dhaabbataa sarara keessaa, sarara keessaa-uggura, sarara-gabatee, fi elementoota man'ee gabatee salphaatti jijjiiri.

Hiriirsa elementoota faayilii waliin jijjiiri vertical-alignment. Maaloo hubadhu, vertical-align elementoota man'ee sarara keessaa, sarara keessaa-uggura, sarara-gabatee, fi gabatee qofa irratti dhiibbaa qaba.

.align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, fi .align-text-topakka barbaachisummaa isaatti filadhu .

Qabiyyee sarara keessaa hin taane (akka s fi kkf) dhaabbataadhaan giddugaleessa gochuuf , faayidaa saanduqa flex<div> keenya fayyadami .

Qaamolee sarara keessaa wajjin:

sarara bu'uuraa gubbaa gidduu jalaa barruu-gubbaa barruu-gadi

<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>

Man'ee gabatee waliin:

bu’uuraa

gubbaa

gidduu

jala

barruu-gubbaa

barruu-jala

<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>

Sass jedhama

API faayidaa

Faayidaaleen walsimsiisaa dhaabbataa API faayidaa keenya keessatti labsamu bara scss/_utilities.scss. Akkaataa API faayilii itti fayyadamtu baradhu.

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