HTML CSS格式:表行继承内容高度
如何格式化表格行以继承内容的高度?我想要点像这样的东西 我试过了HTML CSS格式:表行继承内容高度,html,css,css-tables,fixed-width,Html,Css,Css Tables,Fixed Width,如何格式化表格行以继承内容的高度?我想要点像这样的东西 我试过了 table{ table-layout:fixed; width:700px; } 但这不起作用。通常,如果列具有使用总表宽百分比或绝对像素“px”定义定义的定义宽度,则表将继承内容的高度。此外,确保表格行没有指定的高度,即“高度:30px” 代码解决方案: table { width: 700px; } table tr td { width: 350px; height: auto; } 行不能
table{
table-layout:fixed;
width:700px;
}
但这不起作用。通常,如果列具有使用总表宽百分比或绝对像素“px”定义定义的定义宽度,则表将继承内容的高度。此外,确保表格行没有指定的高度,即“高度:30px” 代码解决方案:
table {
width: 700px;
}
table tr td {
width: 350px;
height: auto;
}
行不能从单元格继承,因为元素不能从其子代继承,只能从提升子代继承。但是,表行高度的计算会自动考虑单元格高度要求 这也发生在所给出的示例中。使用给定的样式表和尽可能简单的表标记,除了垂直对齐之外,结果符合要求。这种对齐是一个单独的问题,可以通过
td{vertical align:top}
轻松处理
如果您的页面没有这样的行为,请提供一个示例来说明问题(HTML和CSS代码)