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

jpo*_*jpo 7 html css fixed-width css-tables

如何格式化表格行以继承内容的高度?我希望有类似的东西 在此输入图像描述

我试过了

table{
   table-layout:fixed;
   width:700px;
 }
Run Code Online (Sandbox Code Playgroud)

但这不起作用

Pro*_*ist 5

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

代码解决方案:

table {
  width: 700px;
}
table tr td {
  width: 350px;
  height: auto;
}
Run Code Online (Sandbox Code Playgroud)