Как зафиксировать высоту TR?
Действительно ли возможно зафиксировать высоту строки (TR) на таблице?
Проблема появляется, когда я уменьшаю окно браузера, некоторые строки начинают играть вокруг, и я не могу зафиксировать высоту строки.
Я попробовал несколько путей: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px"
Я использую IE7
Стиль
.tableContainer{
color:#0076BF;
margin: -10px 0px -10px 0px;
border-spacing: 10px;
empty-cells:show;
width:90%;
text-align:left;
}
.tableContainer tr td{
white-space:nowrap;
text-align:left;
}
HTML-код.
<table class="tableContainer" cellspacing="10px">
<tr style="height:15px;">
<td>NHS Number</td>
<td> </td>
<td>Date of Visit</td>
<td> </td>
<td colspan="3">Care Time Started</td>
<td> </td>
<td rowspan="2" style="text-align:right;vertical-align:bottom;">☑</td>
<td rowspan="2" style="font-weight:bold;vertical-align:bottom;">Tick when<br/> care starts</td>
</tr>
<tr>
<td width="90" class="tableContainerRow2"> </td>
<td > </td>
<td width="80" class="tableContainerRow2"> </td>
<td > </td>
<td width="40" class="tableContainerRow2"> </td>
<td width="5">:</td>
<td width="40" class="tableContainerRow2"> </td>
<td > </td>
</tr>
</table>
4 ответа
Таблицы являются IFFY (по меньшей мере, в IE), когда речь идет о фиксации высоты и не упаковывать текст. Я думаю, что вы обнаружите, что единственное решение - поставить текст внутри DIV элемент , например:
TD.container> div {ширина: 100%; Высота: 100%; Переполнение: скрыто; } TD.container {Высота: 20px; } Это длинная линия текста, предназначенного для того, чтобы не обернуть, когда контейнер становится слишком маленьким.
Таким образом, высота высота - это то, что содержащая ячейку и текст не может вырастить div , сохраняя яческую / строку одинаковую высоту Независимо от того, какой размер окна.
91
ответ дан 24 November 2019 в 05:06
поделиться
Попробуйте положить высоту в одну из клетков, как это:
<table class="tableContainer" cellspacing="10px">
<tr>
<td style="height:15px;">NHS Number</td>
<td> </td>
Обратите внимание, однако, что вы не сможете сделать ячейку меньше, чем содержимое, требует его быть. В этом случае вам придется сделать текст меньшим первым.
13
ответ дан 24 November 2019 в 05:06
поделиться
Ваша ширина таблицы составляет 90%, что относительно его контейнера.
Если вы сжимаете страницу, вы, вероятно, сжимаете ширину таблицы. Ширина клеток тоже уменьшается, и браузер компенсирует, увеличивая высоту.
Чтобы высота нетронутой, вы должны убедиться, что ширина клеток могут удерживать замуженное содержание. Исправление ширины таблицы, вероятно, что вы хотите попробовать. Или, возможно, играть с мин шириной стола.
2
ответ дан 24 November 2019 в 05:06
поделиться
Ваша ширина таблицы составляет 90%, что относительно его контейнера.
Если вы сжимаете страницу, вы, вероятно, выжимаете ширину таблицы. Ширина клеток тоже уменьшается, и браузер компенсирует, увеличивая высоту.
Чтобы высота нетронутыми, вы должны убедиться, что ширина клеток могут удерживать замуженное содержание. Исправление ширины таблицы, вероятно, что вы хотите попробовать. Или, возможно, играть с мин шириной стола.
-121--761567- То есть потому, что слова обертывают и собираются на новые линии, следовательно, растягивая TR. Это должно исправить вашу проблему:
overflow:hidden;
положить, что в стилях TR
Хотя он должен работать, почему бы не просто позволить ему растянуть O0
. Я не проверял это так не ненавижу хд
-4
ответ дан 24 November 2019 в 05:06
поделиться
Другие вопросы по тегам:
Похожие вопросы:
