html - HTML CSS 格式化：表格行继承内容高度

Question

如何格式化表格行以继承内容的高度？我希望有类似的东西

我努力了

table{
   table-layout:fixed;
   width:700px;
 }

但这不起作用

Answer 1

通常，如果列具有使用总表宽度的百分比或绝对像素“px”定义的定义宽度，则表将继承内容的高度。此外，请确保表格行没有指定高度，即“高度：30px”。

代码解决方案：

table {
  width: 700px;
}
table tr td {
  width: 350px;
  height: auto;
}

Answer 2

行不能从单元格继承，因为元素不能从其后代继承，只能从祖先继承。但是表格行高的计算会通过表格高度算法自动考虑单元格高度要求。

这也发生在给出的示例中。使用给定的样式表和最简单的表格标记，除了垂直对齐之外，结果是所要求的。这种对齐是一个单独的问题，很容易用td { vertical-align: top }.

如果您的页面不是这样，请提供一个演示问题的示例（HTML 和 CSS 代码）。