具有不同高度行的 HTML 表格？答案

【问题标题】：HTML table with varying-height rows?具有不同高度行的 HTML 表格？
【发布时间】：2014-03-27 04:27:12
【问题描述】：

我想要一个包含不同高度行的 HTML 表格，如下所示：

row 1: 1 CB   2 CB   3 CB
row 2  3/15   3/20   3/25
row 3: 4 CB   5 CB   6 CB
row 4: 3/30   4/4    4/9
etc

第 1 行、第 3 行等是普通字体；第 2、4 行等小字体。（CB=复选框）。

在第 2 行设置行高或在第 2 行设置行高都没有任何效果。

因为我正在制作较小的字体，例如 g，

<small>3/15</small>,

它看起来好像一个单元格的高度被认为是在效果之前的字体高度，因此第 2 行中的单元格将具有正常的字体高度，而“height=”将没有当我指定一个较小的高度时的效果。

我怎样才能达到我想要的效果：交替的“正常”和“小”行高？

【问题讨论】：

我假设你的表是标准的<table>。尝试改用基于<div> 的表。否则，您将不得不尝试行跨度和小行。
是的，它是<table>。正如我在回应 Jason 时指出的那样，行跨度不起作用。你能解释一下基于<div> 的表是什么意思吗？
使用<div>s 代替表格单元格<td> 然后float:left 这些。然后可以将 div 包装在另一个 <div> 中，用作表格行甚至表格主体。包装<div> 可以具有恒定的宽度，并且每个单元格<div>s 可以具有您想要的任何高度。阅读以下内容以更好地理解它：Use CSS display:table for Layout 和 USING CSS “DISPLAY: TABLE-CELL” FOR COLUMNS

【解决方案1】：

您必须在表格中添加多行，然后使用rowspan 属性垂直合并行，从而使它们看起来更大。

【讨论】：