如何调整HTML table样式以实现指定的表格展示效果

修改方案 #

你现有代码的问题是表头行只有1个单元格，但下方数据行有4个单元格，结构不匹配导致展示错位。只需要给表头行的<td>添加colspan="4"属性，让它横跨4列即可达到目标效果。

修改后的完整代码：

table, th, td { 
  border: 1px solid black; 
  border-collapse: collapse; 
} 
th, td { 
  padding: 5px; 
  text-align: left; 
}

<table> 
  <tr>
    <td colspan="4">Membership probabilities (%)</td>
  </tr> 
  <tr> 
    <td>%s</td> 
    <td>for x in calc2.prob:</td> 
    <td>%s</td> 
    <td>%x</td> 
  </tr>
</table>

内容的提问来源于stack exchange，提问作者Robin