问题标签 [word-break]

我试图用word-break超过其父宽度的长字符来打破一个单词。

在这个例子中，我有一个<div>withwidth:43px和单词“play”。在 chrome 中，这个词很合适，但在 Firefox 中，got 这个词被分成两行。

铬截图

火狐截图

http://jsfiddle.net/chenx/7rYAm/

这是 jsfiddle，您可以尝试在 Firefox 和 Chrome 中打开它以查看差异。我想要的是，它们都输出相同的结果。我更喜欢 Chrome 作为正确的结果。

这可能会影响我的应用程序，因为它们会将视图截屏到画布上，并且我不希望客户抱怨浏览器之间的输出差异。这里的最佳做法是什么？可以word-break跨浏览器标准化吗？

谢谢！

嘿，我想让我的文字断词，只得到第一个断词，比如制作第二个断词，其余的被隐藏。

这是代码的站点：这里

这是我想要编辑的部分。忽略 jsfiddle 中的其他代码。

我只是想让你帮我编辑我拥有的这段代码。

"每间房每晚需加收10%服务费。任何取消或修改均可在抵达前2天提出，否则将收取一晚房费。预订时需提供首晚保证和一晚房费如出现未到、逾期取消或更改，租金将从提供的信用卡中扣除。如有任何争议，香港天虹酒店保留最终决定权。"

我使用 css 属性“word-break:break-all”，但效果不佳。仍然有一些词被打破。

我需要根据 div 宽度在 div 中换行。div 宽度是动态的。如果它不是一个长单词，单词不应该中断。

我使用了 word-break:break-all和word-wrap:break-word。正如我们所料，行是中断的，但单词也是中断的。但我们不会破坏这个词。

请找到所附图片。 http://i.stack.imgur.com/xJesQ.png

我将使用等宽字体在画布上进行文本换行，并且我需要拆分超过 maxwidth 的单词（不需要连字符）。我还需要将画布上显示的文本行数限制为 5 行（从第一行开始）。

这个小提琴是我会使用的：http: //jsfiddle.net/eECar/16/

在那个小提琴中，当您应用以下文本时...

... B 字符串根据 maxwidth 进行拆分，但在超过该 maxwidth 时创建一个新行，如下所示（在“Fugiat”之后出现一个新行）：

我希望 B 字符串看起来像这样：

提醒：只有前五行文本会显示在画布上。我将使用等宽字体，所有字母和空格的宽度都相同，这样处理起来会更简单吗？谢谢输入。

更新：我设法使长字符串显示在它们应该显示的位置，但该技术也会拆分不超过 maxwidth 的单词，请参阅http://jsfiddle.net/eECar/47/ 在小提琴中，我将字体更改为等宽并且基本上改变了这段代码...

..对此：

... +35 是我收集的每行字符长度。

我以为我已经解决了（拉丁语让我大笑），但经过仔细审查，我意识到小于每行最大字符数的单词也会在行尾分开。有什么方法可以完整地保存这些单词而不分裂？

我正在尝试将一个长 URL 放置在侧边栏中，以便在表格单元格宽度的范围内打破和包装。我已经添加style="word-break:break-all;"到td和span周围的文本和 URL 但仍然没有换行。它只是将单元格推到它应该在的位置下方。

还有其他方法可以解决这个问题吗？

仅供参考，该代码用于 HTML 电子邮件而不是网络，这就是为什么所有内容都是内联的。

这里是直播链接

我将尝试使我的问题尽可能清楚，我将感谢任何帮助，因为我没有地方寻找答案。

我在这个网站上有 3 张桌子：http: //3577wf14.clindgrencv.com。我已经梳理了所有三个表格的格式（HTML/CSS、ids、类、开放元素等），它们是相同的。（显然，不是内容，而是代码。）然而，第一个表不像后面的2个那样符合section > div > table的关系。换句话说，随着窗口宽度的减小，第 2 和第 3 表符合 div，但第 1 表不符合。

这是问题的一些屏幕截图。注意计算的宽度值：

问题表#1

工作台

非常感谢任何对答案的提示。同样，我已经尽力将它与其他 2 个工作正常的表进行交叉比较。

真挚地，

卡住

我正在建立一个显示韩文的网站。客户（美国本地）非常不高兴，因为文本在单词中间中断。例如，这里有一张图片：红色背景文字是一个单词。

我试过用

但它在 Chrome/Safari 中不受支持。

我能做什么？我已经在网上搜索了几个小时，但一无所获。这是 cjk 网站所期望的，还是我没有找到的解决方案。

这是一个响应式网站，所以我不能硬中断或伪造它。

演示：http ://codepen.io/cibgraphics/pen/tqzfG

我正在尝试创建响应式的 html 电子邮件，我在下面的行中有两个表数据，其中一个包含一个非常长的 URL，另一个包含一个图像。我已经尝试了一切，以使 URL 响应中断，但它在 outlook.com、outlook 2011、iphone 4s 和 iphone5 中不起作用。问题是什么？

来源： CSS-TRICKS

我在上面使用过分词。但它给出了下面提到的错误。

注意：我的编辑器是 VS 2013

那么我怎样才能摆脱上述错误呢？任何帮助将不胜感激。