首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 ><tr>和<td>高度关系

<tr>和<td>高度关系
EN

Stack Overflow用户
提问于 2019-01-03 06:00:16
回答 2查看 0关注 0票数 0

说我有以下内容

代码语言:javascript
复制
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

table {
  border: 1px solid;
}

td {
  height: 100px;
  width: 50px;
  border: 1px solid;
}
代码语言:javascript
复制
<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高度

代码语言:javascript
复制
* {
  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;
}
 
代码语言:javascript
复制
<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也将扩展,但如果它更少,他们保持高度。为什么会这样 ?

EN

Stack Overflow用户

发布于 2019-01-03 15:50:52

https://www.digitalsupports.in/2018/06/how-to-create-complex-hmt-table-using.html

阅读此博客Aretical这将向您展示如何创建复杂的表或显示以创建HTML的邮件程序

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100003092

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档