在表标记中使用rowspan时出错样式表？

Question

我有一个示例代码：

<table border="1">
    <thead>
        <tr>
           <th></th>
           <th>Brand name</th>
           <th>Model name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
           <td rowspan="2"></td>
           <td>HTC</td>
           <td>P6300,
               Advantage X7500
           </td>
        </tr>
        <tr>
           <td rowspan="7"></td>
           <td>Samsung</td>
           <td>
              M2710 Beat Twist,
              I7500 Galaxy,
              M7500 Emporio Armani,
              Galaxy Ace Plus S7500,
              S5610,
              P7500 Galaxy Tab 10.1 3G,
              S7230E Wave 723
           </td>
       </tr>
   </tbody>
</table>

但结果是错误样式表：

OUTPUT是：

Answer 1

每行中必须包含相同数量的td个标记。这包括您对rowspan所拥有的内容。

你不能在第一行有rowspan，然后在下一个地方有一个td。取出<td rowspan="7"></td>，因为上面一行中有一个td，其rowspan属性已经考虑到了这个属性。

在你的代码中，你有rowspan 2 td（瘦的），然后你的rowspan 7一个（三星左边的空方块），然后是带有数据的两个td。这个额外的td（rowspan 7 one）将其他td推向右边。

Demo

您可能想要的另一件事是模型名称文本全部在一行中。您应该在每行之后添加<br />，以使其在浏览器中显示。