8

我有一张桌子。例如：

<table>

<tr>
  <td>apple</td>
  <td>big</td>
</tr>

<tr>
  <td>pickle</td>
  <td>small</td>
</tr>

</table>

在一些花哨的jQuery之后......

<table>

<tr>
  <td>apple</td>
  <td>big</td>
  <td>10kg  ------ Is this nice to do, any potential issues?</td>
</tr>

<tr>
  <td>pickle</td>
  <td>small</td>
</tr>

</table>

只是为了好玩：http: //jsfiddle.net/Czcby/

4

4 回答 4

4

您最终将在第一行获得三个单元格，在第二行获得两个单元格。

这通常不会显示，但如果您的样式在表格单元格上有边距/边框/填充，它会影响表格的显示和布局。

于 2013-01-14T15:20:43.520 回答
3

对我来说，简短的回答是肯定的。

更详细的答案是：您不需要严格保持一致，但如果您希望表格在浏览器中看起来一致，这肯定​​会有所帮助。更不用说现在不一致的事实，即使它目前似乎没有引起问题，但当您想对表、它的样式或其中的数据做更多的事情时，它会产生更大的影响。

如果您在不同的浏览器中查看此 JSFiddle，您可能会看到不同的行为：

  • Chrome和IE8：将表格渲染为具有从两个普通单元格中突出的额外单元格。
  • Firefox：实际上它看起来好像在第三列中有额外的空单元格。

想象一下，随着桌子的增长，在为这些不同情况设计样式时会出现哪些复杂情况。

可以说，该colspan物业是解决此问题的一种方式。我觉得colspan很丑；应该显示表格，以便您可以查看列标题并向下滚动以查看与该标题相关的信息。让其他一些数据进入该列会分散注意力。但这完全取决于您要做什么。

除了演示和信息设计问题之外，查看您的代码的人可能无法知道每行中有多少个单元格。最好在每一行中都有一个一致的数字，这样如果您需要对表格或其中的数据进行任何其他操作，您就可以快速轻松地检查它。对调试很有用。

希望这可以帮助。

于 2013-01-14T15:34:57.470 回答
2

这样做没有问题，但是，您可能会遇到一些格式问题，因为现在第一行有 3 td，第二行有 2 。

于 2013-01-14T15:20:08.790 回答
1

当 td 使用 2 列时使用 colspan="2"。

于 2013-01-14T15:23:06.503 回答