مثال
جدول HTML مع مختلف الصفوف الرأسية الانحياز:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
انها محاولة لنفسك » تعريف واستخدام
و valign تحدد سمة المحاذاة العمودية من المحتوى في صف الجدول.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| valign | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
التوافق ملاحظات
و valign السمة <tr> غير معتمد في HTML5. استخدام CSS بدلا من ذلك.
تركيب CSS: <tr style="vertical-align:bottom">
CSS مثال: محتوى محاذاة الرأسي داخل <tr>
في درس CSS يمكنك العثور على مزيد من التفاصيل حول الملكية محاذاة رأسية .
بناء الجملة
<tr valign="top|middle|bottom|baseline">
السمة القيم
| القيمة | وصف |
|---|---|
| top | محتوى أعلى محاذاة |
| middle | محتوى مركز محاذاة |
| bottom | محتوى أسفل محاذاة |
| baseline | خط الأساس هو "خط وهمي" عليه الحروف "الجلوس" على، في سطر من النص. قيمة خط الأساس يحدد الصف بحيث تشترك جميع بيانات الجدول نفس الأساس. في كثير من الأحيان وهذا له نفس تأثير قيمة القاع. ومع ذلك، إذا الخطوط هي في أحجام مختلفة، والأساس تبدو أفضل. ننظر إلى الرسم التوضيحي أدناه |
التوضيح للأسفل مقابل خط الأساس إذا الخطوط هي في أحجام مختلفة:
valign="bottom"
valign="baseline"