在JavaScript中添加换行符或换行符未按预期工作

我用的是这句话：

我尝试了多种不同的使用方法\n以获得换行符。实际上，我真正想要的是在移动设备上将文本包装到下一行，但出于某种奇怪的原因，文本只是离开屏幕（它以引导模式显示）

允许JS innerHTML DOM修改在小型设备上包装的正确方法是什么，特别是在引导模式下

*编辑-我做了更多的调查，但我仍然不知道为什么两个输出中的一个是正确的

这是两个检查输出。第一个显示未换行，但第二个正确地显示换行。有人知道为什么吗

---

而不是\n替换

而不是\n替换

您可能正在使用

innerHTML

插入字符串，您应该使用

innerText

const userInputMapOn='[USER_VALUE]'；
const userResultMapOne=“但是您的“+userInputMapOn+”\n值对于这个场景来说太高了”；
const p1=document.querySelector（'#innerHTML'）；
const p2=document.querySelector（“#innerText”）；
p1.innerHTML='u，其中innerHTML:'+userResultMapOne；
p2.innerText='u'和innerText:'+userResultMapOne

您可能正在使用
innerHTML
插入字符串，您应该使用
innerText


const userInputMapOn='[USER_VALUE]'；
const userResultMapOne=“但是您的“+userInputMapOn+”\n值对于这个场景来说太高了”；
const p1=document.querySelector（'#innerHTML'）；
const p2=document.querySelector（“#innerText”）；
p1.innerHTML='u，其中innerHTML:'+userResultMapOne；
p2.innerText='u'和innerText:'+userResultMapOne

\n
将在HTML上进行修剪（至少如果您没有使用
），请尝试使用

我实际上也这样做了。。。而且它同样不起作用。但在大屏幕上，一切都按预期显示，但在移动设备上，代码似乎没有包装（虽然在Chrome Inspect中，它有包装…但当我在实际移动设备上显示时，它没有包装）。尝试使用css属性：
word wrap:break word
@Knick谢谢-我尝试了这个，但没有成功：（您可以在这里创建一个小提琴吗？在此之前，请尝试在其父对象上使用css属性
空白：pre
。
\n
将在HTML上进行修剪（至少在您不使用
的情况下是如此），尝试使用

我实际上也这样做了…但同样不起作用。但在大屏幕上，所有内容都按预期显示，但在移动设备上，代码似乎没有包装（虽然在Chrome Inspect中，它有包装…但当我在实际移动设备上显示时，它没有包装）。尝试使用css属性：
word wrap:break word
@Knick谢谢-我尝试了这个，但没有成功：（你能在这里创建一个小提琴吗？在那之前，试着在它的父设备上使用css属性
空白：pre
。但这不是对所有设备都有效吗？我只想对小设备进行包装。大设备很好。但这不是对所有设备都有效吗？我只想对小设备进行包装。大设备很好。我就是我们innerHTML我会看看这个。谢谢。编辑了我的答案…添加了一个替换方法，以防你需要在字符串中添加HTML。我得到了一些奇怪的东西。我可以在我的五张地图中的一张上使用它，但不是在所有的五张地图上，我似乎看不到区别。MapOne不起作用，但MapTwo起作用。我想看看是什么这里和我所拥有的是不同的，但我什么都看不见（还没有）。我在Firefox中添加了一些显示inspect输出的图像，我可以在其中复制该问题。图像不能说明太多…发布完整的HTML和js代码可以帮助理解您的问题。我正在使用innerHTML，我将对此进行查看。谢谢。编辑了我的答案…添加了替换方法，以防您需要将HTML与字符串一起添加。我很高兴ting有点奇怪。我可以在我的五张地图中的一张上使用它，但不是在所有的五张上都可以，我似乎看不出有什么不同。MapOne不起作用，但MapTwo起作用。我想看看我在哪里有什么不同，但我什么都看不到（目前）。我已经添加了一些显示Firefox中inspect输出的图像，我可以在其中复制问题。图像不能说明太多…发布完整的HTML和js代码可以帮助理解您的问题
 userResultMapOne = "But your value of " + userInputMapOne + " \nis too high for this scenario."