محاذاة جدول CSS
المحاذاة الأفقية
تعيّن text-align
الخاصية المحاذاة الأفقية (مثل اليسار أو اليمين أو الوسط) للمحتوى في <th> أو <td>.
بشكل افتراضي ، يكون محتوى عناصر <th> محاذيًا للوسط ومحتوى عناصر <td> محاذاة إلى اليسار.
لمحاذاة محتوى عناصر <td> أيضًا ، استخدم text-align: center
:
مثال
td
{
text-align: center;
}
لمحاذاة المحتوى إلى اليسار ، افرض محاذاة عناصر <th> بحيث تكون محاذاة إلى اليسار ، مع text-align: left
الخاصية:
مثال
th
{
text-align: left;
}
انحياز عمودي
تعيّن vertical-align
الخاصية المحاذاة الرأسية (مثل الجزء العلوي أو السفلي أو الأوسط) للمحتوى في <th> أو <td>.
بشكل افتراضي ، تكون المحاذاة الرأسية للمحتوى في الجدول في المنتصف (لكل من عنصري <th> و <td>).
يضبط المثال التالي محاذاة النص الرأسي إلى الأسفل لعناصر <td>:
مثال
td
{
height: 50px;
vertical-align: bottom;
}