<tr>和<td>高度关系
<tr>和<td>高度关系
提问于 2019-01-03 06:00:16
说我有以下内容
* {
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也将扩展，但如果它更少，他们保持高度。为什么会这样 ？
Stack Overflow用户
发布于 2019-01-03 14:46:21
诸如td或tr的表格内容可以唯一地给出高度和宽度。您可以通过选择它们或使用类来轻松地给出高度/宽度。
- 只有td会影响表的所有tds。
- 特定的td可以通过使用类获得css。它取决于设计师。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003092
复制相关文章
相似问题