Question

我有一张桌子。例如：

<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/

Answer 1

第一行最终会有三个单元格，第二行最终会有两个单元格。

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

Answer 2

对我而言，简短的回答是肯定的。

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

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

Chrome 和 IE8 ：将表格渲染为具有突出显示的额外单元格来自两个普通的细胞。
Firefox ：实际上看起来好像它有一个额外的空单元格第三栏。

想象一下，随着桌子的增长，在针对这些不同情况进行样式设计时会出现并发症。

可以说，colspan属性是解决这个问题的方法。我认为colspan非常丑陋;应该显示表格，以便您可以查看列标题并向下滚动以查看与该标题相关的信息。让一些其他数据到达列中是一种分心。但这完全取决于你想要做的事情。

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

希望这有帮助。

Answer 3

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

Answer 4

当td使用2列时使用colspan =“2”。

餐桌礼仪 - 我需要保持一致吗？

4 个答案: