说我有以下内容
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
table {
border: 1px solid;
}
td {
height: 100px;
width: 50px;
border: 1px solid;
}
<table>
<tr>
<td style="background-color: blue;"></td>
<td style="background-color: green;"></td>
<td style="background-color: red;"></td>
<td style="background-color: orange;"></td>
<td style="background-color: pink;"></td>
</tr>
</table>
现在,如果我定义的高度<tr>
超过了<td>
s高度
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
table {
border: 1px solid black;
}
td {
height: 100px;
width: 50px;
border: 1px solid black;
}
tr {
height: 200px;
}
<table>
<tr>
<td style="background-color: blue;"></td>
<td style="background-color: green;"></td>
<td style="background-color: red;"></td>
<td style="background-color: orange;"></td>
<td style="background-color: pink;"></td>
</tr>
</table>
那些<td>
s也将扩展,但如果它更少,他们保持高度。为什么会这样 ?
发布于 2019-01-03 15:50:52
https://www.digitalsupports.in/2018/06/how-to-create-complex-hmt-table-using.html
阅读此博客Aretical这将向您展示如何创建复杂的表或显示以创建HTML的邮件程序
https://stackoverflow.com/questions/-100003092
复制相似问题