问题标签 [word-break]

我不明白为什么有两个属性似乎做同样的事情，但它们的相互关系似乎没有在规范中定义。

http://dev.w3.org/csswg/css-text-3/#word-break-property

http://dev.w3.org/csswg/css-text-3/#overflow-wrap-property

例如，如果我希望按照如何将文本包装在 pre 标签中？, 并且有些行包含没有空格的字符串（这似乎让 Chrome 认为它们是牢不可破的（即使它们确实有逗号等）），除了? 之外，我还想使用word-break: break-allor吗？word-wrap: break-wordwhite-space: pre-wrap

我有类似的文字（没有任何空格）

我想使用 html & css 来改变样式，使它看起来像：

有没有办法只用 html 和 css 来做到这一点？

文本总是像“abcdefgh”，不能使用 JavaScript 或手动拆分它。

谢谢你的帮助。

就像在 css 中一样，有一个属性叫做

但是有了这个属性，我的字符串中必须有“空格”。这对我来说不是一个好的解决方案。css中是否有任何属性可以使我的字符串达到一定长度？

就像中断长度等于 2 一样，我的字符串变成了“ab cd ef gh”。

我正在制作地图图例，当单词太长时我遇到了一些麻烦。我想知道是否可以在文本中添加一些属性，使其中断到最后一个符号空间、分数、下划线、斜杠和其他标点符号

换句话说，我希望更多符号被解释为“默认空格分隔线”的空格。

我尝试使用word-wrap: break-wordorword-break: break-all但这不是预期的结果......只有在没有符号的情况下我才想要它，所以我可能会在 CSS 中添加 1 个来换行（顺便说一下，我不确定差异/使用哪个/为什么）

这是我想要的示例（以及我尝试过的示例）

http://jsfiddle.net/uazk54pL/

编辑

顺便说一句，我没有使用 JavaScript，因为我认为它可以与 css 一起使用，我不太确定该怎么做……但如果没有找到更好的解决方案，我不反对使用它

这是现场网站：http ://chadfraser.com/

如您所见，如果您在移动设备上查看或缩放浏览器窗口，单词会在奇怪的地方中断。我可以添加连字符，但我的客户是专业作家并且不想要它们。不过，我们不应该需要它们——我不明白为什么这些词不能用空格包裹。

任何想法将不胜感激。

问题是：给定一个字符串 s 和一个单词字典 dict，确定 s 是否可以分割成一个或多个字典单词的空格分隔序列。

例如，给定 s = "hithere", dict = ["hi", "there"]。

返回 true 因为“hithere”可以被分割为“leet code”。

我的实现如下。此代码适用于正常情况。但是，它会遭受很多输入，例如：

s = “aaaaaaaaaaaaaaaaaaaaab”，dict = {“aa”，“aaaaaa”，“aaaaaaaa”}。

我想记住处理过的子字符串，但是我做错了。关于如何改进的任何建议？非常感谢！

当我的单词比我的容器长时，我使用“word-break: break-all;”。我想知道是否可以将破折​​号（-）放在单词的断点处？

这是我用于文本的 css：

http://fiddle.jshell.net/L18c813r/1/

我有一些长文本显示在一个 div 中，这个 div 具有固定的宽度和高度。我希望文本显示在几行上（作为 div 高度）并且句子单词不会中断（一行中的单词前缀和下一行中的继续）此外我想在末尾添加省略号最后一句话。

CSS：

但这会在一行中显示文本，即使 div 包含几行。

第二种选择：

这与第一次中断单词不同，并且句子显示在几行中 - 这不好，因为单词在中间中断并且在句子的末尾没有省略号（...）

我怎样才能实现以下目标：

1）几个句子作为div高度

2) 没有分词

3）最后显示省略号（最后一行包含省略号）

附上jsfiddle：https ://jsfiddle.net/vghup5jf/1/ 你可以看到只显示一行

我已经非常努力地寻找解决方案，但似乎没有任何效果。位置元素中的单词不会换行，我已经尝试了所有方法，word-wrap:break-all |break-word 和当前版本。似乎没有什么可以将长线分成较小的线。 https://jsfiddle.net/k5VET/2431/

如果出现连字符，如何让浏览器换行，而不是一行文本中的最后一个字母，没有空格？

没有发现分词和换行之间的区别。

这是我的现场示例：

结果是这样的：

我需要它像这样出来：

怎么可能呢？

在我的网页上，我使用了 fancybox 来预览弹出窗口中的描述文本部分。文本在桌面上显示得非常好，但在弹出窗口中显示类似这样的内容。

请注意，我 为每个空间用户在每个单词后面的句子中包含的显示所获得的描述性文本。

当我使用word-break: break-all;它时会变成这样

然后我也使用word-break:break-word;并得到了这个

您现在可以发现不同之处，它显然不可接受。我想有意义地打破句子而不是单词！

问题是我只能在这里使用 HTML/CSS 来解决这个问题，在这里看过很多 que/ans 但没有运气。

请帮我解决这个问题。

我已经创建了一个JSFiddle，请查看这可能有助于清楚地理解。