需要帮助修复此HTML表吗

我正在尝试创建如下HTML表：

Name                    Price                 Original Value
RED              ALL         50                         10 
                 A           980                        100
                 B           75                         45

YELLOW           ALL         500                        100
                 A           550                        150
                 B           80                          40

---

我想到了这个，但它是错误的，看起来很难看：（

名称、价格和原始值单元格上的行间距正在破坏您的布局。如果没有这些，它应该可以正常工作

<td  CLASS="trheadermain" colspan=2 rowspan=3 align="center" height=17 ><B>NAME</B></td>
<td  rowspan=2 CLASS="trheadermain" ><B>Price</B></td>
<td  rowspan=2 CLASS="trheadermain" ><B>Original Value</B></td>

->

<td  CLASS="trheadermain" colspan=2 align="center" height=17 ><B>NAME</B></td>
<td  CLASS="trheadermain" ><B>Price</B></td>
<td  CLASS="trheadermain" ><B>Original Value</B></td>

名称
价格
原值
->
名称
价格
原值

名称、价格和原值单元格上的行间距正在破坏您的布局。如果没有这些，它应该可以正常工作

<td  CLASS="trheadermain" colspan=2 rowspan=3 align="center" height=17 ><B>NAME</B></td>
<td  rowspan=2 CLASS="trheadermain" ><B>Price</B></td>
<td  rowspan=2 CLASS="trheadermain" ><B>Original Value</B></td>

->

<td  CLASS="trheadermain" colspan=2 align="center" height=17 ><B>NAME</B></td>
<td  CLASS="trheadermain" ><B>Price</B></td>
<td  CLASS="trheadermain" ><B>Original Value</B></td>

名称
价格
原值
->
名称
价格
原值

我不知道您在示例中做了什么，因为您缺少数据等。最简单的方法就是向您演示如何操作。只有一列需要colspan，只有一行需要ROWSPAN来跨行…（名称列和行的颜色分组）

th{
文本对齐：左对齐；
}
.endofrow td{
垫底：1米；
}
原值
雷德奥尔5010
A980100
B8050
YellowALL500100
A980100
B8050

（注意，我省略了结束标记，因为它们将被填写，没有它们更容易阅读表格）

如果您想在行之间留一个空格，不要使用

或

，这两种方法都不能很好地解决问题。您希望在该组的最后一行添加一个类，并在其中添加一些填充。这是语义上最正确的方法，并且可以避免在不属于它们的地方混合换行符。

我不知道您在示例中做了什么，因为您缺少数据等。最简单的方法就是向您演示如何操作。只有一列需要colspan，只有一行需要ROWSPAN来跨行…（名称列和行的颜色分组）

th{
文本对齐：左对齐；
}
.endofrow td{
垫底：1米；
}
原值
雷德奥尔5010
A980100
B8050
YellowALL500100
A980100
B8050

（注意，我省略了结束标记，因为它们将被填写，没有它们更容易阅读表格）

---

如果您想在行之间留一个空格，不要使用

或

，这两种方法都不能很好地解决问题。您希望在该组的最后一行添加一个类，并在其中添加一些填充。这是语义上最正确的方法，并且可以避免在不属于它们的地方混合换行符。

您需要查看colspan和rowspan值。例如，在表中有以下条目：

<td  CLASS="trheadermain" colspan=2 rowspan=3 align="center" height=17>
<B>NAME</B></td>

---

您可能希望使HTML现代化：使用

代替

，

代替
，
colspan=“2”
代替
colspan=2
，等等。
您需要查看colspan和rowspan值。例如，在您的表中有以下条目：

<td  CLASS="trheadermain" colspan=2 rowspan=3 align="center" height=17>
<B>NAME</B></td>

你可能想使你的HTML现代化：用

代替

，
代替
，
colspan=“2”
代替
colspan=2
，等等。
这个样式真的很有品位。这个样式真的很有品位。