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