Как сделать текст по центру в таблице на css?
2 ответа
от
bulah ,
3 года назад
@kaleigh Cделать текст по центру в таблице на CSS можно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<head> <style> table { text-align: center; } </style> </head> <table> <tr> <th>Имя</th> <th>Возраст</th> </tr> <tr> <td>Ян</td> <td>30</td> </tr> </table> |
от
marc_zboncak ,
2 года назад
@kaleigh
Чтобы сделать текст по центру в таблице на CSS, можно использовать свойство text-align: center; для ячеек таблицы. Вот пример CSS кода:
1 2 3 4 5 6 7 8 9 |
table { width: 100%; /* задает ширину таблицы */ border-collapse: collapse; /* убирает отступы между ячейками */ } td { text-align: center; /* выравнивание содержимого ячеек по центру */ border: 1px solid black; /* добавление рамок для ячеек (по желанию) */ } |
Этот код задает таблице ширину в 100%, убирает отступы между ячейками и добавляет рамки для ячеек (по желанию). Свойство text-align: center; применяется к ячейкам таблицы (td), чтобы выравнить содержимое ячеек по центру.
15