in English
Dik tekizlemek
Içerki, içerki blok, içerki tablisa we stol öýjük elementleriniň wertikal deňleşmesini aňsatlyk bilen üýtgediň.
Kärhanalar bilen elementleriň deňleşmesini üýtgediň vertical-alignment
. Dikligine deňlemek diňe içerki, içerki blok, içerki tablisa we stol öýjük elementlerine täsir edýär.
Zerur .align-baseline
bolanda ,,,, we saýlaň . .align-top
_.align-middle
.align-bottom
.align-text-bottom
.align-text-top
Çyzykly däl mazmuny wertikal merkezleşdirmek üçin ( <div>
s we beýlekiler ýaly), flex box kömekçi enjamlarymyzy ulanyň .
Içerki elementler bilen:
esasy
ýokarky
orta
aşaky
tekst-ýokarky
tekst-aşaky
<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>
Stol öýjükleri bilen:
esasy | ýokarky | ortasy | aşagy | tekstiň ýokarsy | tekstiň aşagy |
<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
Wertikal deňleşdiriş hyzmatlary biziň API API-de yglan edilýär scss/_utilities.scss
. Utilities API-ni nähili ulanmalydygyny öwreniň.
"align": (
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
),