如何使用Pre标记限制HTML中的分词

我用的是一个 在新行中显示整个单词的位置。
以下是我的预标记代码：

pre{
空白：预包装；
单词包装：打断单词；
}

以下是我的HTML代码：

{{summary.info}

中断单词

表示您希望该单词中断。 以下内容对你有用吗

pre {
   white-space: pre-wrap;
}

---

break-word

表示您希望单词被打断。 以下内容对你有用吗

pre {
   white-space: pre-wrap;
}

见：

“断字”
如果一行中没有其他可接受的断点，则一个不可破解的“单词”可能在任意点被打断。塑形字符的塑形仍然像单词没有被打断一样，而字形群必须作为一个单元保持在一起。在断点处不插入断字字符。 因为您使用的是“断开单词”规则，这意味着如果容器中没有剩余的宽度，并且没有其他可接受的断开点，那么长单词将被断开

请尝试使用“正常”规则：

“正常”
线只能在允许的断点处断开。但是，如果行中没有其他可接受的断点，则可以放宽“分词：保留全部”引入的限制，以匹配“分词：正常”。请参阅：

“断字”
如果一行中没有其他可接受的断点，则一个不可破解的“单词”可能在任意点被打断。塑形字符的塑形仍然像单词没有被打断一样，而字形群必须作为一个单元保持在一起。在断点处不插入断字字符。 因为您使用的是“断开单词”规则，这意味着如果容器中没有剩余的宽度，并且没有其他可接受的断开点，那么长单词将被断开

请尝试使用“正常”规则：

“正常”

---

---

线只能在允许的断点处断开。但是，如果行中没有其他可接受的断点，则“word break:keep all”引入的限制可能会放宽，以匹配“word break:normal”。您是否尝试删除word wrap属性？对我来说似乎很好是的，即使我删除了，也没有任何区别。它在代码笔中工作，但我不明白为什么相同的代码在我这边不起作用。如果你发布一个最小的工作代码片段来重现这个问题，这是你应该做的，我们将能够提供帮助，任何更少的东西，我们都在猜测，直到有人走运。所以，对于样式设计，这是我唯一使用的东西。我也可以显示我的html代码。我在用一辆轿车。我正试图在一辆轿车里插入一个预标签。我不知道这是否造成了问题。您是否尝试删除word wrap属性？对我来说似乎很好是的，即使我删除了，也没有任何区别。它在代码笔中工作，但我不明白为什么相同的代码在我这边不起作用。如果你发布一个最小的工作代码片段来重现这个问题，这是你应该做的，我们将能够提供帮助，任何更少的东西，我们都在猜测，直到有人走运。所以，对于样式设计，这是我唯一使用的东西。我也可以显示我的html代码。我在用一辆轿车。我正试图在一辆轿车里插入一个预标签。我不知道这是否造成了问题。它仍在向我展示同样的结果。当我尝试使用Codepen和Plunker时，这件事就起作用了。但同样的事情对我来说不起作用。是因为我直接使用pre-tag。或者我应该使用段落标记并将类名保留为pre吗？您应该能够根据自己的喜好设置pre的样式。您正在测试哪个浏览器？将添加一个

！重要信息

是否强制声明生效？您应该能够使用您的inspector工具查看是否覆盖了

预包装

。如果我要尝试，我使用的是Chrome，在哪里可以使用！重要信息？这将是

pre{white space:pre wrap！重要信息；}

浏览器通常会将

pre

标记完整地呈现在空白处，并且不进行文字包装，即默认情况下，在它看到

标记之前不会中断，除非您看到了不同的结果：/。当我尝试使用Codepen和Plunker时，这件事就起作用了。但同样的事情对我来说不起作用。是因为我直接使用pre-tag。或者我应该使用段落标记并将类名保留为pre吗？您应该能够根据自己的喜好设置pre的样式。您正在测试哪个浏览器？将添加一个

！重要信息

是否强制声明生效？您应该能够使用您的inspector工具查看是否覆盖了

预包装

。如果我要尝试，我使用的是Chrome，在哪里可以使用！重要信息？这将是

pre{white space:pre wrap！重要信息；}

浏览器通常会将

pre

标记呈现为空白完整且没有文字环绕，例如，默认情况下，在看到

标记之前不中断。奇怪的是，您看到它的方式有所不同：/问题是，我需要在某些位置（例如在新点）进行换行。但我的代码正在做的是，它在新行开始时按预期工作，但在大字处它会打断它，我不希望发生这种情况。如果我使它正常，它对我没有任何作用。问题是我需要在某个位置，例如在一个新点，换行。但我的代码正在做的是，它在新行开始时按预期工作，但在大字上它破坏了它，我不希望这种情况发生。如果我使它正常，它对我没有任何帮助。