"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني محاذاة النص في الجداول باستخدام Twitter Bootstrap؟

كيف يمكنني محاذاة النص في الجداول باستخدام Twitter Bootstrap؟

تم النشر بتاريخ 2024-11-15
تصفح:877

How can I align text in tables using Twitter Bootstrap?

محاذاة نص الجدول في Twitter Bootstrap

في إطار عمل Bootstrap الخاص بتويتر، يمكنك محاذاة النص داخل الجداول باستخدام فئات محاذاة النص المخصصة.

Bootstrap 3

النص إلى اليسار: محاذاة إلى اليسار text
  • مركز النص: نص بمحاذاة إلى الوسط
  • النص - اليمين: نص بمحاذاة إلى اليمين
Bootstrap 4

text-xs-{left|center|right}: محاذاة النص لجميع إطارات العرض الأحجام
  • text-{sm|md|lg|xl}-{left|center|right}: محاذاة النص لأحجام إطار عرض محددة
Bootstrap 5

بداية النص: نص بمحاذاة إلى اليسار (يستبدل النص إلى اليسار)
  • نهاية النص: نص بمحاذاة إلى اليمين (يستبدل text-right)
مثال:

محاذاة الإجمالي في خلية جدول إلى اليمين:

الإجمالي
Total
$1,000,000.00
ملاحظات إضافية:

تقوم الأمثلة المقدمة بمحاذاة النص داخل رؤوس الجدول (الرقم) والبيانات الخلايا (td).
  • راجع وثائق Bootstrap الرسمية للحصول على معلومات أكثر تفصيلاً حول فئات محاذاة النص.
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3