in English
Allinjament vertikali
Ibdel faċilment l-allinjament vertikali ta 'inline, inline-block, inline-table, u elementi taċ-ċelluli tal-mejda.
Ibdel l-allinjament ta 'elementi ma' l- vertical-alignment
utilitajiet. Jekk jogħġbok innota li l-allinjament vertikali jaffettwa biss l-elementi taċ-ċelluli inline, inline-block, inline-table u tabella.
Agħżel minn .align-baseline
, .align-top
, .align-middle
, .align-bottom
, .align-text-bottom
, u .align-text-top
kif meħtieġ.
Biex tiċċentra vertikalment kontenut mhux inline (bħal <div>
s u aktar), uża l- utilitajiet tagħna tal-flex box .
B'elementi inline:
linja bażi
fuq tan-
nofs
isfel
test-top
test-qiegħ
<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>
Biċ-ċelloli tal-mejda:
linja bażi | fuq | nofs | qiegħ | test-top | test-qiegħ |
<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
Utilitajiet API
L-utilitajiet tal-allinjament vertikali huma ddikjarati fl-API tal-utilitajiet tagħna f' scss/_utilities.scss
. Tgħallem kif tuża l-API tal-utilitajiet.
"align": (
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
),