Question

我想在2行单元格中将百分比放在右边，但这里似乎有点不对劲：

<table>
<tr>
  <td>
   <b style="color: #333;margin-left: 65px;">True Negative</b> 
  </td>
</tr>

<tr>
  <td style="border-top: 2px black solid;">
      <b style="color: #333;">(True Negative + False Positive)</b>
  </td>

  <td rowspan="2">
      <b style="color: #333;">x 100 %</b></td>
  </tr>  

</table>

https://jsfiddle.net/8cr7ergj/

Answer 1

喜欢那个？

https://jsfiddle.net/qnxorbx3/

<table>
<tr>
  <td>
   <b style="color: #333;margin-left: 65px;">True Negative</b> 
  </td>
  <td rowspan="2">
      <b style="color: #333;">x 100 %</b></td>
  </tr>  
</tr>

<tr>
  <td style="border-top: 2px black solid;">
      <b style="color: #333;">(True Negative + False Positive)</b>
  </td>


</table>

Answer 2

rowspan是以当前行开头的行的跨度。由于您的单元格位于最后一行，因此没有其他行可以跨越。我想，你想要更像这样的东西：

<table>
    <tr>
        <td> 
          <b style="color: #333;margin-left: 65px;">True Negative</b> 
        </td>
        <td rowspan="2"> 
          <b style="color: #333;">x 100 %</b>
        </td>
    </tr>
    <tr>
        <td style="border-top: 2px black solid;"> 
          <b style="color: #333;">(True Negative + False Positive)</b>
        </td>
    </tr>
</table>

为什么HTML rowspan不起作用？

2 个答案: