কিভাবে টেবিলকে মধ্যে অবস্থান করানো যায়
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 ট্যাবলে