Как задать размер таблицы в css?
2 ответа
от
helmer ,
2 года назад
@vladimir Задать размер таблицы в css следующим образом:
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 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> table { width: 300px; height: 300px; } </style> </head> <body> <table> <tr> <th>Животное</th> <th>Возраст</th> </tr> <tr> <td>Кошка</td> <td>5</td> </tr> <tr> <td>Собака</td> <td>7</td> </tr> </table> </body> </html> |
от
maymie ,
год назад
@vladimir
Для задания размера таблицы в CSS используйте свойство width и/или height. Например, если вы хотите задать ширину таблицы в 50% от ширины родительского элемента, используйте следующий CSS код:
1 2 3 |
table { width: 50%; } |
Если же вы хотите задать фиксированный размер таблицы, то можно использовать значения в пикселях или других единицах измерения:
1 2 3 4 |
table { width: 800px; height: 400px; } |
Если в таблице содержатся элементы, которые не помещаются в заданный размер таблицы, то вы можете задать свойство overflow со значением scroll, чтобы добавить полосы прокрутки:
1 2 3 4 5 |
table { width: 800px; height: 400px; overflow: scroll; } |
15