Атрибут align HTML <table> використовується для визначення вирівнювання таблиці та її вмісту. Замість атрибута align такі властивості CSS, як margin і text-align, є кращими для вирівнювання таблиці. Щоб вирівняти вміст у рядках або клітинках таблиці, використовуйте атрибут align у <tr> та/або застосовуйте стилі CSS.
Щоб закріпити рядок/стовпець, ми можемо використовувати просту HTML-таблицю та CSS. HTML: у HTML ми можемо визначте рядок заголовка тегом <th> або ми також можемо використати тег <td>. У наведеному нижче прикладі використовується тег <th>. Ми також помістили таблицю в елемент DIV, щоб побачити горизонтальну та вертикальну смуги прокрутки, встановивши властивість переповнення елемента DIV.
Таблицю можна вирівняти ліворуч або праворуч від сторінки align="left|right" атрибут тегу <table>. Таблиця з align="center" відображається в центрі рядка.
Як створити автоматичне налаштування ширини стовпця таблиці HTML
- Перш за все, завантажте Google Fonts, додавши таке посилання CDN до тегу head вашого HTML-документа. …
- Створіть структуру HTML для своєї таблиці. …
- Тепер давайте стилізуємо таблицю за допомогою CSS, щоб отримати автоматичне налаштування ширини стовпців і привабливий макет.
Отже, найкращий спосіб вирівняти вміст HTML на сторінці з властивістю вирівнювання тексту CSS. Команда text-align встановлює горизонтальне вирівнювання вмісту всередині елемента блоку або клітинки таблиці. Наприклад, елемент, який починає новий рядок і займає всю ширину сторінки, наприклад <p>.