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>