html - 在表格标签中使用行跨度时样式表错误？

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>

但结果是错误样式表：

输出是：

Answer 1

每行中必须有相同数量的td标签。这包括您拥有的rowspan.

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

在您的代码中，您有 rowspan 2 td（薄的），然后是 rowspan 7 one（三星左侧的空方格），然后td是带有数据的两个 s。这个额外的 td (rowspan 7 one) 将其他的推到右边。

演示

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