English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
<tr> استخدام خاصية valign، حيث تحدد خاصية valign طريقة التوازن العمودي للمحتوى في صف الطاولة، وتظهر أمثلة على كيفية استخدام خاصية valign ومدى توافق المتصفحات، وتعريف الجملة وتفاصيل قيم الخاصية، وما إلى ذلك.
جدول HTML لهذه السطور المختلفة في التوجيه الرأسي:
<table style="width:100%" border="1"> <tr valign="middle"> <td>2018</td> <td>$15320.00</td> </tr> <tr valign="top"> <td>2019</td> <td>$18320.00</td> </tr> </table>التحقق من التحقق ‹/›
إي إيفايرفوكسأوبراChromeSafari
يدعم جميع المتصفحات الشائعة خاصية valign.
لا يدعم HTML5 خاصية valign في <tr>. استخدم CSS بدلاً من ذلك.
تحديد الخاصية valign لتحديد طريقة التوجيه العمودي للمحتوى في سطر الجدول.
<tr valign="top|middle|bottom|baseline">
القيمة | الوصف |
---|---|
العملى | تحديد المحتوى إلى الأعلى. |
الوسط | تحديد المحتوى إلى الوسط (القيمة الافتراضية). |
السفلى | تحديد المحتوى إلى الأسفل. |
الأساس | التحديد مع الأساس. الأساس هو خط وهمي. في سطر نص، معظم الأحرف تستخدم الأساس كمعيار. يتم تعيين قيمة الأساس لجعل جميع بيانات الجدول في السطر تشترك في نفس الأساس. تأثير هذه القيمة عادة ما يكون مشابهًا للقيمة السفلية. ولكن، إذا كان حجم النص مختلفًا، فإن تأثير الأساس سيكون أفضل. انظر إلى الشكل أدناه. |
مقارنة بين bottom و baseline عندما يكون حجم النص مختلفًا:
valign="bottom"
valign="baseline"
HTML <tr> العلامة