কিভাবে টেবিলকে মধ্যে অবস্থান করানো যায়

CSS দিয়ে টেবিলকে মধ্যে অবস্থান করানোর কিভাবা শিখুন。

মধ্যে অবস্থানকারী টেবিল:

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

কিভাবে টেবিলকে মধ্যে অবস্থান করানো যায়

প্রথম পদক্ষেপ - HTML যোগ করুন:

<table class="center">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

দ্বিতীয় পদক্ষেপ - CSS যোগ করুন:

টেবিল মধ্যে অবস্থান করানোর জন্য, দৈহ্যক হাড়িকে স্বয়ংক্রিয় হিসাবে সজ্জা করুন:

.center {
  margin-left: auto;
  margin-right: auto;
}

স্বয়ং প্রয়োগ করুন

请注意,如果宽度设置为 100%(全宽),则表格无法居中。

相关页面

教程:CSS ট্যাবলে