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

Question

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

我试过了

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

但这不起作用

Answer 1

Tyipcally，表将继承内容的高度，前提是列使用总表宽度或绝对像素“px”定义的百分比定义宽度。此外，请确保表格行没有指定的高度，即“height：30px”。

代码解决方案：

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

Answer 2

一行不能从单元格继承继承，因为元素不能从其后代继承，只能从后代继承。但是，表行高度的计算会自动考虑单元格高度要求table height algorithms。

这也发生在所提供的示例中。使用给定的样式表和最简单的表格标记，除了垂直对齐外，结果是按要求的。这种对齐是一个单独的问题，可以使用td { vertical-align: top }轻松处理。

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