如何在HTML中打断长字符串？

我读过（并尝试过）：

我现在有：

<span style="font-size: xx-small; white-space: -moz-pre-wrap !important; white-space: -pre-wrap;white-space:
-o-pre-wrap;white-space: pre-wrap; word-wrap: break-word;word-break: break-all;white-space:normal;width: 385px;">

但仍然大字符串不会自动包装在FF或IE，但它在铬

---

（示例：或）

在这种情况下，您似乎需要在更高级别上设置

分词：全部分词。如果我在Firefox中打开您的示例页面，并使用Firebug在
上设置样式
word break:break all
。输入内容
，则大字符串会自动换行

编辑：

或者，您也可以将跨度的显示样式设置为内联块。
以下代码段是单词换行的总括：

.class_name {
     -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
}

wordbreak:break-all
除了IE8和Firefox之外都可以使用，因此您还需要包含
ms-word-break
前缀行。通常，IE8要求首先添加其前缀行。然而，这并不能解决Firefox的问题

在FF中，您需要使用一个名为
连字符
的新项，除了Chrome之外，它是受支持的（但这没关系，因为Chrome将在这个冗长的列表中使用基本的
单词break:break all
）：
-webkit hyphens:auto-moz连字符：自动-ms连字符：自动；连字符：自动

断字
将在分词的正确位置插入连字符，这是一种比将一个单词一分为二更好的解决方案

请共享一个JSFIDDLE，您希望断开哪种类型的字符串以及根据哪种原则断开？例如，您是否希望标准单词在多个点上出现？（许多针对这类抽象问题的“解决方案”都是这样做的。）请发表评论；事实上，这是一个包罗万象的单词包装，当应用于OP的代码时，将打破长字符串。tnx也可以工作。在添加我的答案之前，我给了你一个向上投票的机会，以匹配那些没有看到你的编辑的人。投票给你。缓慢更新new style.css。最好将其设置为style.css级别，而不是post级别。