HTML <td> 标签内字符之间的间距 - 为什么它会被拉长？答案

【问题标题】：Spacing between characters inside of HTML <td> tag - why does it become stretched out?HTML <td> 标签内字符之间的间距 - 为什么它会被拉长？
【发布时间】：2015-12-14 21:06:07
【问题描述】：

我正在处理一个 HTML 表格，该表格在处理半长文本时表现不佳。下图值1000字。在显示的第一个单元格中，文本“仅绣字”被拉长到“字符间距”为止。看起来它也发生在“FLOSS”文本中的下一个单元格上。

是否有可以用来防止这种行为的属性？我的大多数搜索结果大多产生了 table 间距问题，而不是单元格内的文本。表上唯一与大小相关的属性是 <table width="100%"> 我更愿意使用内联属性来解决这个问题，但我几乎可以使用任何东西。

请注意，我尝试了letter-spacing= "0" 和其他值，但无济于事。它正在修改间距行为，但值 0 不会将其更改为屏幕截图示例中的正常间距。

我认为这并不重要，但这是在 NetSuite 环境中通过 BFO 引擎转换为 PDF 的 HTML

【问题讨论】：

你可能有text-align: justify。
是页面 HTML 中的字母间距问题，还是仅在您将其转换为 PDF 时出现？
这是我要做的事情。将您的代码放入 jsfiddle 或 codepen。看看它是否在那里（我怀疑它是），然后你可以真正辨别它是否是一个 CSS 问题（我的假设是它不是）。那么我的假设是 PDF 生成器代码是什么弄乱了你的文本。
通常我会，但这一切都发生在 NetSuite 环境中，在转换为 PDF 之前没有生成的 HTML。但是，我相信您是对的，PDF 生成器正在弄乱文本。我删除了所有的 CSS 并放入了一个普通的 HTML 表格，同样的问题出现了。

标签： html css html-table netsuite letter-spacing

【解决方案1】：

我在使用 Netsuite / BFO 时遇到过这个问题，解决方案是使用这个 CSS：

td p {
    text-align: left;
}

来源（需要登录）：https://usergroup.netsuite.com/users/forum/platform-areas/customization/bfo/397738-how-do-i-prevent-text-justification-advanced-pdf-freemarker-bfo

【讨论】：

将此标记为正确，因为它与发生的环境更相关。感谢您添加您的答案。几年前我问过这个并忘记了，它只是帮助我再次解决了这个问题。

【解决方案2】：

Marc B 在他的评论中提到了它，您可能在表格的 CSS 中某处有 text-align: justify;。尝试跟踪并将其更改为text-align: left;

例如：

table td {
    text-align: justify;
}

想改成：

table td {
    text-align: left;
}

话虽如此，如果不查看您当前的标记和 CSS，很难确定，因此将其添加到您的帖子中可能是个好主意。

【讨论】：

通常我会共享标记，但这一切都发生在 NetSuite 环境中，并且在转换为 PDF 之前没有生成的 HTML。但是，我相信您是对的，PDF 生成器正在弄乱文本。我删除了所有的 CSS 并放入了一个普通的 HTML 表格，同样的问题出现了。
我将此标记为正确，因为我相信如果这不在 Netsuite 环境中，这将是答案。谢谢。