Source

انحياز عمودي

يمكنك بسهولة تغيير المحاذاة الرأسية لعناصر الخلية المضمنة والمضمنة والجدول المضمنة والجدول.

قم بتغيير محاذاة العناصر مع 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>