پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای دوره پروژه های تخصصی با جاوا اسکریپت برای بازار کار
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

چه کلاس هایی برای مرتب کردن متن داخل جدول در بوت استرپ وجود داره

Text-align class for inside a table

سلام سوالم اینه که چطور میشه متن داخل سلول‌ های جدول رو با استفاده از Bootstrap 5 تراز کرد؟ می‌خوام بدونم کلاس‌های خاصی برای این کار وجود داره یا باید از css خام استفاده کنم

1403/05/30
پاسخ
مهرشاد براتی برنامه نویس فول استک وب ،موبایل ،دستکاپ ،کارشناس ارشد مهندسی کامپیوتر نرم افزار
بیوگرافی مهرشاد براتی
سلام برای تراز کردن متن داخل سلول‌های جدول در bootstrap 5 می‌تونی از کلاس‌های مخصوصش استفاده کنی text-start و text-center و text-end برای تراز کردن متن به چپ، وسط و راست به ترتیب استفاده می‌شن
این کلاس‌ها روی همه  تگ‌های متنی HTML میتونه اعمال بشه و می‌تونی به راحتی ازشون برای تراز کردن متن از جمله تو سلول‌ های جدول استفاده کنی مثلاً:
<table class="table">
  <thead>
    <tr>
      <th class="text-start">ستون چپ</th>
      <th class="text-center">ستون وسط</th>
      <th class="text-end">ستون راست</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="text-start">متن چپ چین</td>
      <td class="text-center">متن وسط چین</td>
      <td class="text-end">متن راست چین</td>
    </tr>
  </tbody>
</table>
این کد، متن داخل سلول‌های جدول رو با استفاده از کلاس‌های text-start, text-center, و text-end تراز میکنه
پاسخ: 1403/05/30
آخرین آپدیت: 1403/07/14