表格单元格换行（有时）答案

【问题标题】：Table cell wrapping (sometimes)表格单元格换行（有时）
【发布时间】：2017-01-17 20:47:49
【问题描述】：

有一个表格，其中一行中的最后一个单元格有时会换行，但在其他情况下会正确显示。我一辈子都看不出它包裹和不包裹的情况之间有什么区别。

包装

不包装

【问题讨论】：

我们在说什么表？
您在哪个操作系统/浏览器/版本上遇到问题？什么单元格，什么表？我在这些页面上没有看到任何表格数据，所以看起来你是(ab)using tables for layout？
您的 HTML 中有 19 markup errors。修复它可能会修复您看到的一些错误。（我在 OS X 上的 Safari v5 上看不到它们。）
抱歉，是“您也可能是...”下的表格 (class="productTable")
我在 Safari5 和 FF3 上看到了问题

【解决方案1】：

您似乎在 td 元素上设置了 float: left;，这显然会改变它们的显示类型并允许它们在某些情况下换行。这有什么原因吗？您可以简单地尝试从/site/css/style.css（第 474 行）中删除它

.listing ul li.productItem, .listing ul li.productItemLast, td.productItem
{
float: left;

【讨论】：

【解决方案2】：

更改td.productItem margin-right: 10px;到 5px;

【讨论】：