Как задать высоту таблицы в html

Атрибут height HTML тега td

Атрибут height определяет высоту ячейки HTML таблицы.

Обычно высота ячейки устанавливается браузером таким образом, чтобы отобразить все ее содержимое. Атрибут height позволяет задать предопределенную заранее высоту ячейки.

Вместо него следует использовать стили CSS.

Пример синтаксиса CSS: .

Синтаксис атрибута

Значения атрибута

Значение	Описание
pixels	Высота ячейки в пикселях (например, height=»50″)
%	Высота ячейки в процентах относительно родительского элемента (например, height=»50%»)

Пример использования атрибута

Ячейки HTML таблицы с предопределенной высотой:

   Месяц  Сумма  
 Январь  $100

Месяц	Сумма
Январь	$100

Как изменить размер ячейки в таблице html

Для изменения размера ячейки в таблице HTML можно использовать атрибуты width и height .

 width="100" height="50">Содержимое ячейки

Если необходимо установить размер ячейки в процентах от ширины таблицы, можно использовать значение атрибута «width» в процентах.

 width="25%">Содержимое ячейки

Также, можно использовать стилевые свойства для установки размера ячейки:

 style="width: 100px; height: 50px;">Содержимое ячейки

 style="width: 25%;"> Содержимое ячейки

Рекомендуется использовать стилевые свойства и CSS-классы вместо атрибутов width и height , так как они позволяют более гибко управлять размерами ячеек и производить изменения внешнего вида без изменения HTML-кода.

Атрибут height

Атрибут / параметр height (от англ. «height» ‒ «высота») указывает рекомендуемую высоту ячейки.

Примечание

Значение данного атрибута используется только в случаях, когда оно не противоречит требованиям к высоте других ячеек в той же строке. (Высота всех ячеек строки, как правило, устанавливается по значению самой высокой ячейки.)

CSS

Поддержка браузерами

Спецификация

Верс.	Раздел
HTML
2.0	—
3.2	Tables
4.01	11.2.6 Table cells: The TH and TD elements height = length [CN]. [1] DTD: Transitional ~~Strict~~ Frameset
5.0	~~4.9.9 The td element~~
5.1	~~4.9.9. The td element~~
XHTML
1.0	Extensible HyperText Markup Language [1] DTD: Transitional ~~Strict~~ Frameset
1.1	~~Extensible HyperText Markup Language~~

[1] ‒ помечен как «устаревший».

Значения

В качестве значения указывается высота ячейки. Значение высоты ячейки может быть выражено в виде:

<число>Если в качестве значения указывается только число, то высота ячейки таблицы рассчитывается в пикселях. (Например, « height=»35″ ».) % Если в качестве значения указывается число со « % » ЗНАКОМ ПРОЦЕНТА [U+0025], то высота ячейки таблицы рассчитывается в процентах на основе доступного вертикального пространства. (Например, « height=»32%» ».)

Ячейка таблицы: высота и ширина

@hashcode обратите внимание на последний участок кода, и попробуйте обрамить его как надо, у меня не получилось, пришлось извращаться..

3 окт 2011 в 17:31
А у меня получилось. %) Не забываем про магические 4 пробела
3 окт 2011 в 17:51
3 окт 2011 в 18:25
вот вам пожалуйста, 4 пробела ровно, результат виден.
3 окт 2011 в 18:26
В каментах они глючат, ибо текст сперва тримится, как я понял, потом обрабатывается 123
3 окт 2011 в 18:30

если точнее 4 варианта))
но сначало: width — ширина(указывается в пикселах или %) height — высота(указывается так же) 1)

бла бла бла

бла бла бла

style.css - td.name

td.name бла бла бла

вроде все варианты)))

Отслеживать
ответ дан 3 окт 2011 в 18:32
764 4 4 серебряных знака 20 20 бронзовых знаков
width=»100px» работать не будет. либо целое ( width=»N» ), либо проценты ( width=»N%» )
3 окт 2011 в 18:34
мнда, действительно, голова щас жестоко забита пхп, никак не могу один креатив заставить работать:)
3 окт 2011 в 19:03

text

Отслеживать
ответ дан 3 окт 2011 в 18:32
14.3k 1 1 золотой знак 21 21 серебряный знак 35 35 бронзовых знаков

Я не хочу спорить. Смахивает на совок: жить стало легче, жить стало веселей. Все отлично, багов нет? вопросов нет.

3 окт 2011 в 18:40

Я ж как бы не спорю, что баги есть, поддержу любое начинание в их репортинге и хантинге) Просто если что-то сделано, скажем, не идеально, это не значит, что дело в самой идее.

3 окт 2011 в 18:48

как видно ключевое свойство display:block, для ячейки размер которой должен быть независимым от общей высоты и ширины столбца или строки.

Отслеживать
ответ дан 4 окт 2011 в 5:51
850 5 5 серебряных знаков 13 13 бронзовых знаков

html
css

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.