CSS как сделать <TD> фиксированную высоту?
<table cellspacing="0" id="contactTable" style="table-layout:table-layout:fixed;; width:100%; font-weight:normal; position: absolute; top:45; left: 0;">
<td height="50" style="padding-left:5px; overflow:hidden; ">
<span style="text-transform:capitalize;line-height:100%;">
//names here
</span>
</td>
...more code
</table>
Это не работает. Переполнение по-прежнему делает ячейку выше, высота добавляется к контенту.
Ответы
Ответ 1
Лучшим решением является установка div внутри ячейки с высотой:
<td style="padding-left:5px;">
<div style="height: 50px; overflow:hidden;">
...
</div>
</td>
Кстати, для какого диапазона? Если вам это нужно только для стилизации, вы можете напрямую наклеить ячейку.
Ответ 2
вам не хватает строк таблицы
<table cellspacing="0" id="contactTable" style="table-layout:fixed; width:100%; font-weight:normal; position: absolute; top:45; left: 0;">
<tr>
<td style="padding-left:5px; overflow:hidden; height: 50px;">
<span style="text-transform:capitalize;line-height:100%;">
//names here
</span>
</td>
</tr>
</table>
Ответ 3
Свойство CSS, которое вы ищете, line-height
. Вам просто нужно поместить его в <td>
, а не в содержащуюся <span>
<td style="padding-left:5px; line-height: 50px; overflow: hidden">
</td>
Ответ 4
У меня была такая же проблема. Вы можете использовать диапазон напрямую. Это лучший подход. TD/TR не учитывает установленную высоту.
Просто поставьте класс на свой диапазон и добавьте css или просто примените его непосредственно к атрибуту style.
<span class"MyClass">LONG NAME</span>
.MyClass { //on CSS File
height: 60px;
overflow:hidden;
}
или просто
<span style="height: 60px; overflow:hidden;">LONG NAME</span>
Ответ 5
Вы пытались установить высоту css на td, а не на атрибут html?
<td style="padding-left:5px; height:50px; overflow:hidden; ">
<span style="text-transform:capitalize;line-height:100%;"> //names here
</span>
Ответ 6
Я бы написал
<td style="height:50px">
...
</td>