如何使用rowspan在HTML表格插入各跨1.5行的两个单元格？

首先明确：HTML的rowspan属性仅支持正整数值，无法直接设置rowspan="1.5"这类非整数值。要实现你需要的「两个单元格各占1.5行、合计占3行」的效果，得通过CSS调整高度或优化表格结构来模拟，以下是两种可行方案：

方案一：CSS控制单元格高度（推荐） #

保留表格原有3行结构，通过CSS设置单元格高度占比，实现视觉上的1.5行跨行效果：

<!-- 表格总高度对应3行，这里用3em作为示例高度 -->
<table border="1" style="height: 3em;">
  <tr>
    <!-- XPath单元格跨3行，但高度设为总高度的50%（即1.5行） -->
    <td rowspan="3" style="height: 50%;">XPath</td>
    <td>第一行内容</td>
  </tr>
  <tr>
    <td>第二行内容</td>
  </tr>
  <tr>
    <!-- XSL transformations单元格占剩余50%高度 -->
    <td style="height: 50%;">XSL transformations</td>
    <td>第三行内容</td>
  </tr>
</table>

方案二：调整表格行结构模拟 #

把表格扩展为4行，用整数rowspan配合空行来模拟1.5行的跨行效果：

<table border="1">
  <tr>
    <td rowspan="2" style="height: 1.5em;">XPath</td>
    <td>第一行内容</td>
  </tr>
  <tr>
    <td>第二行内容</td>
  </tr>
  <tr>
    <td rowspan="2" style="height: 1.5em;">XSL transformations</td>
    <td>第三行内容</td>
  </tr>
  <!-- 空行补足跨行，让XSLT单元格视觉上占1.5行 -->
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

两种方案中，方案一更贴合你「合计占3行」的需求，无需额外添加空行，通过CSS高度控制更灵活。

内容的提问来源于stack exchange，提问作者M.B