javascript - 启用自动换行

Question

我正在尝试使用 jsPDF 将 HTML 转换为 PDF。但是因为我希望每个词都像在 HTML 中一样位于确切的位置，所以我将每个词都包装在 <span> 中。秒。我这里有一个 font包含一堆 span 的标签(不是由我的代码生成的)小号:

<font><span>Hello</span>&nbsp;<span>wrap</span>&nbsp;<span>....</font>

然而，当我这样做时，它似乎打破了默认的自动换行，正如您在 here 中看到的那样.

我该如何解决这个问题？

Answer 1

这是因为默认显示是inline .如果您使用 inline-block，它将按您预期的方式换行:

看到这个 jsfiddle

唯一的变化是 CSS:

span
{
    display:inline-block;    
}

您可能希望为此创建一个新类(例如 wordWrapSpan)而不是更改 span 的默认行为。