如何将 <td rowspan ="value"> 值对齐到垂直居中？

Question

我需要将 td 单元格值水平和垂直对齐到中心。 <td> 有一个 rowspan 属性。

现在的输出是这样的：

 A  |  B  |  C  |  D
1  |  2  |  3  |  4
1  |  2  |  3  |
1  |  2  |  3  |

期望：

 A  |  B  |  C  |  D
1  |  2  |  3  |
1  |  2  |  3  |  4
1  |  2  |  3  |
1  |  2  |  3  |

原文由 Azima 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试 ：

 <td style="vertical-align : middle;text-align:center;">

原文由 helpdoc 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 <td rowspan="4" align="center">4</td> 它的工作

 table td {
  padding: 5px;
}

 <table border="1">
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td rowspan="4" align="center">4</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>

  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>

</table>

原文由 Bhargav Chudasama 发布，翻译遵循 CC BY-SA 3.0 许可协议