来自var的jQuery <h1>文本不包裹

Question

问题是，我正在使用jquery创建一个元素，但是当我使用来自一个变量的内容设置Text属性时，当我在浏览器上打开html时，文本没有包裹在多行中，就像他在我做的那样手动设置文本。

以下是一些代码：

此模式不会换行：

var Blue = "NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN";

 $("h1",{
           'class': "nombre",
           'text':Blue,
            }).appendTo('#row'+i);

在浏览器上看起来像这样：

NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN

此模式换行：

  $("h1",{
           'class': "nombre",
           'text':"NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN",
            }).appendTo('#row'+i);

在浏览器上看起来像这样：

NNNNNNNN-first line       
NNNNNNNN-second line
NNNNNNNN-third line

这是我需要的，但使用var内容，任何想法？

谢谢，抱歉我的英语不好。

Answer 1

使用word-break: break-all;允许它在“单词”

的中间打破文本

MDN Documentation