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

【问题标题】：HTML CSS formatting: table row inherit content heightHTML CSS 格式化：表格行继承内容高度
【发布时间】：2012-12-12 01:56:09
【问题描述】：

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

我试过了

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

但这不起作用

【问题讨论】：

【解决方案1】：

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

代码解决方案：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：