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

Question

我正在使用一个 HTML table，它在处理半长文本时表现不佳。下图值1000字。在显示的第一个单元格中，文本 "Embroidered Lettering Only" 被拉长到 'between character spacing' 为止。看起来它发生在下一个单元格以及 "FLOSS" 文本中。

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

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

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

Answer 1

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

例如：

table td {
    text-align: justify;
}

想改成：

table td {
    text-align: left;
}

话虽如此，如果不查看您当前的标记和 CSS 就很难确定，因此将其添加到您的 post.[=14= 可能是个好主意]

Answer 2

我在使用 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

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

Spacing between characters inside of HTML <td> tag - why does it become stretched out?

html

css

html-table

netsuite

letter-spacing