Question

我有一个基本结构如下的表。问题是，当我对所有列使用相同的行距时，高度仅折叠到一行。

<table border=1>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

某些列具有行跨度

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

所有列均具有行跨度时。这是出现问题的地方。基本上预期的结果是第一行跨越两行，而不是一个

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td rowspan=2>3</td>
  </tr>
  <tr>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Answer 1

正如Lister先生所提到的，您可以通过使用rowpan样式化td元素来实现。但是您应该使用em作为单位，而不是使用百分比。 td[rowspan='2'] {height:2em;}

除非明确指定高度，否则这就是计算表行高度的方法

使用多个行跨度时，HTML单元格不合并高度

1 个答案: