标题居中的html表格？答案

【问题标题】：html table with titles centered?标题居中的html表格？
【发布时间】：2018-11-06 18:00:07
【问题描述】：

我已经为表单制作了一个 html 表格..

但是对于表单的每个部分，我想要一个跨越整个表格宽度的标题，例如跨越表格整个行长的“快速搜索”、“高级搜索”

但是有一个问题：文本“快速搜索”或“高级搜索”不能真正居中。因为它们位于表格的一列中。

       <tr height= "100px" >
                        <td bordercolor="#90DBFF" bgcolor="#CC99CC" style="left-padding:20px">Quick Search</td>
                        <td bordercolor="#90DBFF" bgcolor="#CC99CC"></td>

       <tr>

我想要的是这个（见丑图红字）：

还有其他方法可以解决这个问题吗？我应该使用多个表格，然后使用 div 作为标题吗？

我不确定解决这个问题的最佳方法..

【问题讨论】：

研究使用<th>标签和colspan属性。

标签： html css html-table

【解决方案1】：

您可以通过向单元格添加 colspan 属性来使表格单元格跨越多个列。像这样：

<td colspan="2">quick search</td>

您还应该使用 css 进行样式设置（边框颜色和背景颜色属性）

【讨论】：

【解决方案2】：

设置

<td style="text-algin=center">

【讨论】：