Question

经过几天的HTML表格苦苦挣扎之后，我的额头上有一个缩进网格，顺便提一下我的键盘的镜像副本。

说到网格，我想知道是否有关于<td>大小的任何规则。

根据内容是全部吗？它是否受到同一行中其他单元格的影响？排本身？靠桌子？简单的'CSS？

注意：我特别不是在寻找特定问题的答案我只是想知道如何计算计算的高度，这样我每次都可以弄清楚自己会发生什么。

Answer 1

是表格单元格跟随内容及其兄弟姐妹身高。

你可以说它是一个分割成一个矩形的矩形，不管它里面是什么，它都会一直保持为矩形。

因此，即使您添加了css高度，如果文本大于css高度，它也会忽略它。

在大多数情况下，你可以期待动态高度。

但是仍然......它应该用于仅显示表格数据，而不是其他任何内容。剩下的就是display:table-cell; ...

Answer 2

以下是您可以使用的FIDDLE。

行样式在此设置中不起作用。

第一行：标准

第二个td行：给定一个高度 - 注意它会影响整行

第三个td行：给定填充，再次影响整行

第四个td行：给出一个大字体

第五个td行：给定大字体和填充

CSS

table td {
    border: 1px solid black;
}
table tr:nth-child(2) td {
    height: 50px;
}
table tr:nth-child(3) td:first-child {
    padding: 10px;
}
table tr:nth-child(4) td:first-child{
    font-size: 34px;
}
table tr:nth-child(5) td:first-child{
    font-size: 34px;
    padding: 10px;
}

PS - 仅将表用于“TABULAR”数据。

如何计算表格单元格高度？

2 个答案: