是否可以像下面这样在 html 中制作一个单个表格?我意识到可以将它变成两个单独的表,但我不想这样做,因为我希望这些表完美排列(一个直接在另一个下面。)
下面的可能吗?
SINGLE TABLE:
Title 1
————————————————————————————————
| | |
| | |
| | |
| | |
| | |
————————————————————————————————
Title 2
————————————————————————————————
| | |
| | |
| | |
| | |
| | |
————————————————————————————————
最佳答案
这样就可以了..
In your CSS add ..
th {
text-align: center;
background: pink;
}
在您的 HTML 中添加。
<table>
<tr>
<!----><th colspan="2">title 1</th>
</tr>
<tr>
<td>row 1.1</td>
<td>row 1.2</td>
</tr>
<tr>
<td>row 2.1</td>
<td>row 2.2</td>
</tr>
<tr>
<!----><th colspan="2">title 2</th>
</tr>
<tr>
<td>row 3.1</td>
<td>row 3.2</td>
</tr>
<tr>
<td>row 4.1</td>
<td >row 4.2</td>
</tr>
</table>
只需添加 <th></th>
你想要标题行的地方..
编辑
向表头添加标签。加上 @Paulie_D 建议的居中 CSS。
关于列中途有第二个标题的 HTML 表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39494401/