in English
Daidaita tsaye
Sauƙaƙe canza jeri a tsaye na layi, katange-layi, tebur mai layi, da abubuwan sel na tebur.
Canja jeri na abubuwa tare da vertical-alignment
kayan aiki. Lura cewa a tsaye-align yana tasiri kawai akan layi, toshe-layi, tebur mai layi, da abubuwan sel na tebur.
Zaɓi daga .align-baseline
, .align-top
, .align-middle
, .align-bottom
, .align-text-bottom
, da kuma .align-text-top
yadda ake bukata.
Don tsakiyar abun ciki mara layi (kamar <div>
s da ƙari), yi amfani da kayan aikin akwatin mu .
Tare da abubuwan cikin layi:
tushe
saman
tsakiyar
kasa
rubutu-saman
rubutu-kasa
<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>
Tare da Kwayoyin tebur:
tushe | saman | tsakiya | kasa | rubutu-saman | rubutu-kasa |
<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
API ɗin Utilities
Ana ayyana abubuwan amfani a layi na tsaye a cikin API ɗin mu a cikin scss/_utilities.scss
. Koyi yadda ake amfani da API ɗin abubuwan amfani.
"align": (
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
),