انحياز عمودي
يمكنك بسهولة تغيير المحاذاة الرأسية لعناصر الخلية المضمنة والمضمنة والجدول المضمنة والجدول.
قم بتغيير محاذاة العناصر مع vertical-alignment
الأدوات المساعدة. يرجى ملاحظة أن المحاذاة الرأسية تؤثر فقط على عناصر الخلية المضمنة والمضمنة والجدول المضمنة والجدول.
اختر من .align-baseline
، .align-top
، .align-middle
، .align-bottom
، .align-text-bottom
وحسب .align-text-top
الحاجة.
مع العناصر المضمنة:
خط الأساس
أعلى
النص
أسفل
النص أعلى
النص أسفل الخط الأساسي
<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>
مع خلايا الجدول:
حدود | أعلى | وسط | الأسفل | نص أعلى | نص أسفل |
<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>