问题标签 [word-break]

大家好，我正在使用 html2pdf，它不支持 word-break:break-all css 有什么想法吗？

例子

输出 pdf 宽度大于 30%，如字符串长度大小

输出pdf：testtestteststestttestttestttesttstetsttestttestttestttestttestttesttsets

我想要输出：

测试
测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

但是，显示错误（所有单引号显示在一行中）。我使用了 ' 相反，但它没有用。

我的客户希望在他的网站上没有任何文字被破坏。例子：

应该

该问题仅出现在 Safari 中。有谁知道解决这个问题的 CSS 属性？

word-wrap:break-word;CSS3 规范说在 Chrome 中必须使用部分支持，word-wrap:break-all;但没有连字符。我正在使用text-align:justify;有没有想出一个解决方案，在 chrome 中出现断字时有一个连字符？

我已经多次看到这个问题，但还没有找到完整的解决方案。

这是我当前如何使用它的代码示例。

jsFiddle

作品在 FF 和 Safari 中找到。

使用：Firefox：17 Chrome：23 Safari：6.0.2

我已经看到并浏览了太多页面来解释相同的问题并取得了各种成功。我想做的是想出一种方法，我可以分解大单词，这样它们就不会通过将内容拉伸到指定宽度之外来破坏 table/divs/etc。我需要为百分比宽度元素完成此操作。我觉得我已经尝试了一切，但必须有一个解决方案，即使它是一个 hack。到目前为止，我发现的最佳解决方案是使用hyphenator js。它适用于大多数长单词，除了它似乎只适用于可以在字典文件中找到的真实单词。例如，在我的所有示例中都很好地分解了这一点：

这是一串文本，如果我正在使用连字符 json 这将与连字符很好地分手，一切都会好起来的

像这样的事情不会被破坏，而是会破坏我的网站：

阿里巴巴

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

我想使用它的大多数网站都允许用户创建的文本出现在网站上，并且等号和连字符的长字符串很常见。我还注意到stackoverflow通过使用自动换行来解决这个问题：break-word; CSS（至少在Firefox中）。我对此进行了试验，发现它效果很好，但仅在使用预定义的像素宽度时才有效，我需要一个适用于百分比宽度的解决方案。我还使用了 word-wrap: break-all ，但它看起来很丑，因为它在应该换行时会在中间切断小词。

如果可能的话，我想继续使用连字符，因为它在大多数情况下都很好用。也许我已经看这个太久了，但是我可以设置连字符中的某种选项来分解像上面那些太大的非单词吗？也许有人在调整连字符正则表达式以实现这一点方面取得了一些成功？

我正在使用word-break: break-all;并想知道如何让浏览器自动插入连字符，如MDN 示例中所示。

这样文本将如下所示：

我也创建了一个JSFiddle。

这需要在 IE9/IE10 中工作，但如果它也能在 Firefox 和 Chrome 中工作就更好了。

请在此处的开发站点查看Firefox 。

相同的短语“Accountantskantoor verschaeren-mertens”显示了两次，一次在侧边栏中，一次在右上角。如您所见，不同位置的换行符。我在 Chrome、IE 和 Firefox 中进行了测试，这只发生在 Firefox 中。

关于如何使其保持一致的任何想法？我尝试了以下方法，但没有奏效。

I've added word-break:break-word to the comments on my site to start breaking up the words when they overflow the comment box, but it doesn't appear to be working in Firefox. I've done a JS fiddle of the setup and it does work. So something must be conflicting but I can't find it for the life of me.

JS Fiddle (working): http://jsfiddle.net/F6K99/6/

Live problem: http://bit.ly/13NcY5F

overflow-wrap/word-wrap和之间的确切区别是word-break什么？任何人都可以告诉我打破很长的链接的更好的方法是什么？大多数人说你应该结合使用分词，overflow-wrap但它看起来不太合乎逻辑。我认为overflow-wrap结合使用以word-wrap获得更好的跨浏览器支持是最好的方法。你怎么看？

我正在使用虚拟机，所以我无法复制代码......然后我将发布屏幕。我想问题是微不足道的，但我无法处理......请给我一些建议：

表格代码： https ://dl.dropboxusercontent.com/u/108321090/WWW1.png

CSS 代码和网站视图： https ://dl.dropboxusercontent.com/u/108321090/WWW.png

所以一般来说，正如您在第二个链接上看到的那样，行中有一个文本，它不想换行，它一直像车道一样，超出了表格列的边界。