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