我需要一个表格,其中行的高度固定,该表格本身必须是固定高度的。例如,所有行的高度都为8px,表格的高度为400px。如果行数少于表格的总高度,则剩余部分应该像一个空白处。
但是,如果我在表格上设置固定高度,CSS会自动重新调整行高度。
我需要表格看起来像这样:
但是,如果我在表格上设置固定高度,CSS会自动重新调整行高度。
我需要表格看起来像这样:
|row |cont |
|row |cont |
|row |cont |
| |
| |
| |
|End of table|
I tried this:
CSS:
.t-table {
border: 1px solid black;
height: 400px;
border-collapse: collapse;
}
td {
border: 1px solid black;
}
HTML:
<table class="t-table">
<tr style="line-height: 8px">
<td>A</td>
<td>B</td>
</tr>
<tr style="line-height: 8px">
<td>1</td>
<td>2</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
或者你可以在这里检查:https://jsfiddle.net/utrwqfux/
附注:如果我强制设定表格高度,它将忽略行高。最后一个 tr 没有设置高度,所以想法是让它自动调整大小来填补空白间隙。