td内的Html表tr
td内的Html表tr
提问于 2013-06-13 21:54:16
我正在尝试用HTML创建一个表。我有以下设计要创建。我已经在<td>中添加了一个<tr>，但不知何故，该表并不是按照设计创建的。
有没有人能建议我如何做到这一点？
我无法创建Name1 | Price1分区。
回答 11
Stack Overflow用户
回答已采纳
发布于 2013-06-13 21:57:26
您必须在td内添加一个完整的表
<table>
<tr>
<td>
<table>
<tr>
<td>
...
</td>
</tr>
</table>
</td>
</tr>
</table>
Stack Overflow用户
发布于 2013-06-13 22:00:22
你不能把tr放在td里面。您可以从有关td的MDN web docs文档中查看允许的内容。相关信息在允许的内容部分。
实现这一点的另一种方法是使用colspan和rowspan。检查此fiddle。
HTML：
<table width="100%">
<tr>
<td>Name 1</td>
<td>Name 2</td>
<td colspan="2">Name 3</td>
<td>Name 4</td>
</tr>
<tr>
<td rowspan="3">ITEM 1</td>
<td rowspan="3">ITEM 2</td>
<td>name1</td>
<td>price1</td>
<td rowspan="3">ITEM 4</td>
</tr>
<tr>
<td>name2</td>
<td>price2</td>
</tr>
<tr>
<td>name3</td>
<td>price3/td>
</tr>
</table>和一些CSS：
table {
border-collapse: collapse
}
td {
border: 1px solid #000000
}Stack Overflow用户
发布于 2017-04-12 22:49:48
您可以在不嵌套表的情况下进行求解。
<table border="1">
<thead>
<tr>
<th>ABC</th>
<th>ABC</th>
<th colspan="2">ABC</th>
<th>ABC</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4">Item1</td>
<td rowspan="4">Item1</td>
<td colspan="2">Item1</td>
<td rowspan="4">Item1</td>
</tr>
<tr>
<td>Name1</td>
<td>Price1</td>
</tr>
<tr>
<td>Name2</td>
<td>Price2</td>
</tr>
<tr>
<td>Name3</td>
<td>Price3</td>
</tr>
<tr>
<td>Item2</td>
<td>Item2</td>
<td colspan="2">Item2</td>
<td>Item2</td>
</tr>
</tbody>
</table>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17088868
复制相关文章
相似问题