Mafere na isi ọdịnaya Gaa na ntugharị docs
in English

Nhazi kwụ ọtọ

Gbanwee ngwa ngwa kwụ n'usoro kwụ ọtọ nke inline, mgbochi inline, tebulu inline, na ihe mkpụrụ ndụ tebụl.

Gbanwee nhazi nke ihe na vertical-alignmentakụrụngwa. Biko mara na kwụ n'ahịrị kwụ n'ahịrị na-emetụta naanị inline, ngọngọ inline, tebulu inline, na ihe mkpụrụ ndụ tebụl.

Họrọ site na .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, na .align-text-topdị mkpa.

Iji kwụ ọtọ n'etiti ọdịnaya na-abụghị inline (dị ka <div>s na ndị ọzọ), jiri utilities igbe flex anyị .

Na ihe inline:

ndabere n'elu etiti ala ederede-n'elu ederede-ala
<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>

Na sel tebụl:

ndabere n'elu etiti ala ederede-n'elu ederede-ala
<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

Utilities API

A na-ekwupụta ngwa ọrụ kwụ n'ahịrị kwụ ọtọ na ngwa API anyị na scss/_utilities.scss. Mụta otu esi eji ngwa API.

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