Source

Lerrokadura bertikala

Erraz aldatu lerrokada bertikala, lerro-blokea, lerro-taula eta taulako gelaxken elementuen lerrokadura bertikala.

Aldatu elementuen lerrokadura vertical-alignmentutilitateekin. Kontuan izan lerrokatze bertikalak lerroko, lerroko blokeko, lerroko taulako eta taulako gelaxken elementuei soilik eragiten diela.

Aukeratu .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottometa .align-text-topbehar duzunaren artean.

Inline elementuekin:

oinarri -lerroa goian erdian behean testu-goi testu-behean
<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>

Taula-gelaxkekin:

oinarri-lerroa goian erdikoa behean testu-top testu-behea
<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>