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