是否可以在 HTML 表格中使用 rowspan 作为 1.5？ [关闭]答案

【问题标题】：Is it possible to use rowspan as 1.5 in HTML tables? [closed]是否可以在 HTML 表格中使用 rowspan 作为 1.5？ [关闭]
【发布时间】：2016-05-10 17:28:29
【问题描述】：

我希望我的第 3 行在外观上看起来像第 1 行。最初我尝试给出 rowspan="1.5"，因为我用上面的代码尝试过它。当我尝试遵循我在实现第 1 行时遵循的程序时，会导致错位。

table {
  border-collapse: collapse;
  border: 0px;
}
td {
  padding: 20px;
  border: 1px solid black;
  text-align: center;
}
thead tr th {
  border: 0px;
}

<table border="1" width="100%">
  <thead style="border: 0px solid black;">
    <tr style="border=" 0px ">
      <th style="border: 0px ">Row 1</th>
      <th style="border: 0px ">Row 2</th>
      <th style="border: 0px ">Row 3</th>
    </tr>
  </thead>
    <tr> 
      <td rowspan="2 ">Row 1, cell 1</td>
      <td rowspan="3 ">Row 1, cell 2</td>
      <td >Row 1, cell 3</td>
    </tr>
    <tr>       
      <td>Row 2, cell 3</td>
    </tr>
    <tr>
      <td rowspan="2 ">Row 3, cell 1</td>
      <td rowspan=" ">Row 3, cell 3</td>
    </tr>
    <tr>     
      <td rowspan="3 ">Row 4, cell 2</td>
      <td>Row 4, cell 3</td>
    </tr>
    <tr>
      <td rowspan="2 ">Row 5, cell 1</td>
      <td>Row 5, cell 3</td>
    </tr>
    <tr>
      <td>Row 6, cell 3</td>
    </tr>
</table>

【问题讨论】：

您到底想要什么？至少我有点困惑。
这是你的问题的一个小提琴：jsfiddle.net/2ejpx1dd。请说明你想要什么。
列是行还是行是列？
@thepio：对不起。我想要实现的是，我希望第 3 行在外观上看起来像第 1 行。我希望“第 1 行，第 3 行”占据两行，就像“第 1 行，第 1 行”使用 rowspan="2" 占据两行一样。同样，我希望“第 3 行，第 3 行单元格”和“第 5 行，第 3 行单元格”分别占据两行，分别为“第 3 行，第 1 行单元格”和“第 3 行，第 1 行单元格”。希望你能得到我想要在这里实现的目标。
我认为您将不得不放慢速度并阅读您键入的内容。你没有多大意义。你能画出你想要的东西并在你的问题中添加一张图片吗？

标签： html css html-table frontend

【解决方案1】：

对于带有 html 表的行跨度，您不能使用浮动值。

根据 W3：

rowspan ：此属性指定跨越的行数当前单元格。此属性的默认值为一（“1”）。值零（“0”）表示单元格跨越所有行当前行到表部分的最后一行（THEAD、TBODY 或 TFOOT)，其中定义了单元格

编辑： 当你使用<td rowspan="x">时你必须删除x时对应的下一个<tr>

这适合你吗？

<table>
  <tr>
    <td rowspan="2">r1 c1</td>
    <td rowspan="3">r1 c2</td>
    <td rowspan="2">r1 c3</td>
  </tr>
  <tr>
  </tr>
  <tr>
    <td rowspan="2">r2 c1</td>
    <td rowspan="2">r2 c3</td>
  </tr>
  <tr>
    <td rowspan="3">r2 c2</td>
  </tr>
  <tr>
    <td rowspan="2">r3 c1</td>
    <td rowspan="2">r3 c3</td>
  </tr>
</table>

【讨论】：