html - 试图在html中的一行内显示两行

Question

我正在使用 ASP MVC 和 Bootstrap 中的元素工作，我需要显示变压器的调节，这通过以下方式表示:

我试图通过以下方式来做，但我没有达到我想要的结果:

<table>
  <tr>
    <td rowspan="2">132 &#177;</td>
    <td>12x1,5 %</td>
  </tr>
  <tr style="margin-top: 0px;">
    <td>8x1.5%</td>
  </tr>
</table>

Answer 1

您在将 rowspan 与表格一起使用方面走在了正确的轨道上。我用下面的例子完成了它，最好使用monospace字体。

table {
  font-family: monospace;
}

td[rowspan] {
  font-size: 1.5em;
}

<table>
  <tr>
    <td rowspan="2">(132</td>
    <td>+ 12x1,5 %</td>
    <td rowspan="2">)/13,86kV</td>
  </tr>
  <tr>
    <td>- 8x1.5 %</td>
  </tr>
</table>