javascript - jQuery

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