Javascript 在不滚动的情况下将单词换行到下一行

我有一个有趣的小终端角度项目。。。终端工作正常，垂直滚动始终在那里，并且在输入新命令时自动滚动

我怎么才能让水平div中的文本换行到下一行？我尝试过所有不同的组合，如分词和溢出-x等

我希望

中的文本换行到下一行，而不是创建滚动条

作为参考，您可以访问并键入命令pepper。。。Societtyyyyyyyyy这个词应该换行，而不是出现水平滚动条。

.ui终端{
/*边缘顶部：5px*/
高度：22em；
边界：1px；
溢出y：滚动；
边框样式：实心；
最大宽度：40em；
背景色：黑色；
}
.中心内容{
垫面：5px；
左侧填充：0px；
}
.左{
浮动：左；
}
.对{
浮动：对；
}
.终端头{
最大宽度：40em；
高度：30px；
边界：1px；
边框底部：0px；
边框样式：实心；
边框颜色：黑色；
}
.ui终端输入{
边界：0无；
背景色：透明；
颜色：继承；
填充：0；
宽度：75%；
大纲：无；
垂直对齐：基线；
颜色：透明；
文本阴影：0白色；
字体系列：monospace；
字体大小：15px；
}

{{command.text}
{{command.response}}
{{prompt}}
{{commandpreference}}

我去了你的网站，在Chrome开发工具中玩了一会儿。将CSS更改为以下内容：

.ui-terminal {
    /* margin-top: 5px; */
    height: 22em;

    border: 1px;
    overflow-y: scroll;
    border-style: solid;
    max-width: 40em;
    background-color: black;
    white-space: pre-wrap;
}

---

然后从另一个样式表中的

.responsediv[\u ngcontent-c0]

类中删除

空白：pre

。

空白：wrap；呵呵？你能详细说明一下@Brianremove white space:pre；-这意味着这条线只会在断线的时候才结束，因为你们的社会是一个很长的单词，只有在这个单词“上帝在地球上”之后才会断线，我认为这是有效的@Jismon。。。出于某种原因，我需要在字符串中使用\n和\t，非常感谢您的努力和响应：）非常感谢