logo

Як центрувати таблицю в CSS?

Використання таблиць у дизайні веб-сайту - захоплююче завдання. За замовчуванням таблиця вирівнюється ліворуч, але за допомогою запас у CSS, ми можемо вирівняти його по центру.

Якщо ми встановимо значення margin-left і margin-right до авто , то браузери відображатимуть таблицю по центру. Ми можемо використовувати властивість скорочення запас і встановіть його авто для вирівнювання таблиці по центру, а не за допомогою margin-left і margin-right власність.

що таке пасхальне яйце android

Замість того, щоб вирівнювати таблицю по центру, вирівнювання тексту: центр; властивість центрує лише вміст таблиці, наприклад текст усередині таблиці.

Давайте розберемося в цьому за допомогою ілюстрації.

приклад

У цьому прикладі ми використовуємо вирівнювання тексту: центр; властивість центрувати вміст усередині таблиці та margin-left: авто; і поле справа: авто; відцентрувати стіл.

 table, th, td { border: 1px solid black; margin-left: auto; margin-right: auto; border-collapse: collapse; width: 500px; text-align: center; font-size: 20px; } <table class="table"> <tr> <th>First_Name</th> <th>Last_Name</th> <th>Subject</th> <th>Marks</th> </tr> <tr> <td>James</td><td>Gosling</td><td>Maths</td><td>92</td> </tr> <tr> <td>Alan</td><td>Rickman</td><td>Maths</td><td>89</td> </tr> <tr> <td>Sam</td><td>Mendes</td><td>Maths</td><td>82</td> </tr> </table> 
Перевірте зараз

Вихід

java довжина масиву
Як центрувати таблицю в CSS?