Javascript 如何在html文本标记pre中自动断开两行

我有这个密码

任何
单词1单词2
意思1意思2

这是正常的行为，如果您想重新排序，您需要使用媒体查询重新调整css，甚至为这种情况生成第二个html

有关我的替代解决方案，请参阅

pre{
空白：预包装；
单词包装：打断单词；
}
前{
宽度：50px；
}
div{
显示器：flex；
柔性包装：包装；
}
.手机{
宽度：50px；
}

单词1单词2
意思1意思2
字1
意思1
字2
意思2
字1
意思1
字2
意思2

我无法重现您描述的行为。是的，我简化了情况。让我用一个真正的代码来更新。你为什么要使用

？换成

word1-mean1-word2-mean2

怎么样。您可以更改顺序=在“更大的设备”中仍然可以…我刷新了代码。所以我使用pre是因为我的后端发送给我格式化的文本，我不能更改文本。我想这就是问题所在。。我使用媒体保持页面的响应性，但当我使用移动设备时。。正如我们通常预料的那样，这条线一条接一条地断了。我需要两行两行地断开。。但是我无法更改文本，因为我的后端会发送整个文本。因此，您需要从您的后端解析文本，以在JS中生成标记（请参阅我的更新答案，以及您的expext行为）