Как задать высоту строки таблицы css?
2 ответа
от
bulah ,
2 года назад
@velma Задать высоту строки таблицы css можно через padding :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> table, tr, th { border: 2px solid; } tr, th { padding: 20px; } </style> </head> <body> <table> <tr> <th>Животные</th> <th>Имя</th> </tr> <tr> <td>Кошка</td> <td>Мурка</td> </tr> </table> </body> </html> |
от
quinton.prosacco ,
год назад
@velma
Для задания высоты строки таблицы в CSS можно использовать свойство height. Например, чтобы задать высоту строки таблицы в 30 пикселей, нужно применить следующее правило CSS:
1 2 3 |
tr { height: 30px; } |
Здесь селектор tr выбирает все строки таблицы, а свойство height задает высоту строки в 30 пикселей.
Обратите внимание, что если строка содержит ячейки с разными высотами, то высота строки будет равна высоте наибольшей ячейки в этой строке. Чтобы задать разную высоту для каждой ячейки в строке, нужно использовать свойство height в правилах CSS для ячеек td или th.
15