【html】合並單元格，並居中顯示文本

 現狀：

想要實現的效果：

 

代碼實現：

 <tr>
        <td colspan="6" align="center">用例失敗為0，無測試詳情</td>
</tr>

 

知識點：

1. 合並單元格

• rowspan是合並行，colspan 是合並列

<tr><td colspan="3">456</td></tr>

• 實例：

<table border="1">

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

<tr><td colspan="3">456</td></tr>

</table>

• 效果：

 

 　　2.單元格內容居中：

• table表格中的align屬性表示居中，語法：

<table align="center">

• 實例：

<table border="1" align="center">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td align="center">$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

• 效果

　　在td標簽中加上了居中的align屬性，里面的文本居中了，最后顯示的效果如圖：

 

 參考文檔：

html中的table標簽中如何將幾個<td>合在一起的

html table表格標簽內容如何居中顯示？表格的align屬性的用法介紹