<tr> 长度增加

Question

我已经研究了大约一个小时了，但我无法弄清楚。

我有一个 PHP 页面，其中包含一个表单，该表单使用 AJAX 将表单数据发送到另一个 PHP 文件以处理和发回结果。我的页面中有一个包装器 div，它从顶部 body 标记的正下方到页脚的正上方。提交表单并通过 AJAX 返回结果后，我将这个包装器 div 的内容替换为结果。结果都包含在一张大表中。

但是，由于某种原因，在我提交表单并返回结果后，整个表格中的所有<tr>s 都垂直长了 4 个像素。 <td>s 在代码中指定了它们的长度，所以它们的长度仍然是正确的，但是<tr> 在下面延长了 4 个像素。当我直接从后端 PHP 页面查看结果时，一切看起来都很好，<tr>s 的长度都是正确的。

因为结果在返回首页之前一切正常，所以我不确定问题出在哪里。

我不知道是什么导致了这种情况发生，任何关于导致它的原因和/或如何解决它的建议都会有所帮助！

Answer 1

这里有一些可能的解决方案：

1：可能 AJAX 响应正在发送换行符，或者空格与数据一起发送，尝试修剪 AJAX 响应。

2：如果这不起作用，在 CSS 中为 td 设置 {overflow-x: hidden;}。使用这个选项是因为你说你已经指定了 td 的宽度。

例如： table.myajaxtable td{溢出-x：隐藏；宽度：150px;}