问题标签 [word-break]

I'm trying to render text with dompdf. It should look exactly like in the browser. That works, as long as the characters of the words are not formatted:

With HTML like:

Browser text without formats

dompdf text without formats

But if I want to give the characters different styles, with HTML like:

The browser still displays it like intended:

But dompdf displays it like word-break: break-all; would be active.

I have already tried to add word-break: keep-all; to the surrounding <span> or <p>. I have also tried to surround the words with another <span> or <nobr> element, but that didn't change anything.

So, my question is, how can I get dompdf to keep the normal word-break rules on words with formatted characters?

我目前有一个像这样的有序列表，其中数字和项目居中并左对齐：

我使用这个 css 实现了这一点：

我看到的问题是它奇怪地包装了文本 - 如果它们比其他列表项长一定数量，它将包装列表项（创建一个新行）。这会创建上图（或文本格式）中的内容：

1.睡袋2.帐篷 3. 食物 4.
炉子5.夹克 6. 杀虫剂

请注意 Bags 是如何在新行上的，但这不是 div 结束的地方。我尝试使用white-space: nowrap，但显然它会按照它所说的那样做，然后长文本会继续超出而div不会中断。

此外，它可能只是某种浏览器故障，因为有时当我回击并且页面被缓存时，它会正确加载，并且在 safari 而不是 chrome 中，它似乎在没有white-space: nowrap.

任何帮助/想法表示赞赏，或者如果它只是一些奇怪的无法修复的东西，我很抱歉

我正在尝试更改word-break某些内联元素的属性，例如<span>并<a>获得更好的页面内容流。

看起来，Firefox 只识别显示为块（例如<div>）的元素的分词属性，而 Chrome 尊重分词的请求。

在下面的示例中，红色和蓝色部分在 Chrome 中呈现相同（xxxxx 被分成几行）。在 Firefox 中，红框中的 xxxxx 溢出。

上例：https ://jsfiddle.net/7scx4hfq/

哪个浏览器的行为正确？是 Firefox 错误还是 Chrome 错误？

更重要的是，如何在所有浏览器中达到预期的效果？

请注意，word-break:break-all不能在块级别进行设置。

我不知道以前是否有人遇到过这个问题。

基本上，假设我们的网站上有一个段落，如果最后一行有一个单行单词，这看起来很奇怪。

或者一个词是两个词的组合，一个在行尾，另一个在下一行的开头（尤其是在日语中经常发生）。

我想知道摆脱它（或以某种方式让它看起来更好）的最有效方法是什么。

我试图为我编写的一些 web 服务做一个小仪表板，但是每当小部件中的文本中断时，小部件就会改变它的位置。

CSS 看起来像这样：

我在小提琴中重现了这个问题：
https ://jsfiddle.net/vbb6fhz0/1/

我有一个带有文本的 HTML 表格单元格。正文有长字和短字。我需要以某种方式排列文本，不适合单元格宽度的长词被破坏，但短词不会被破坏，只是移动到下一行。但是当我应用 css 属性“ word-break: break-all; ”时，它会破坏长词和短词。当我应用“ word-wrap: break-word; ”属性时，由于某种原因它不会破坏长单词并且单元格的宽度会自动拉伸。

word-break: break-all这里所有的单词都在不必要的地方被打断了，而且文本很丑：

word-wrap: break-word这里没有任何东西被破坏，但是单元格宽度被拉伸了：

我想要这样的东西，其中只有一个长单词被破坏并且表格单元格宽度保持不变：

这样只有一个长字被打断，宽度不变。我怎样才能做到这一点？

我想把一根绳子打断，max 35 character但要聪明地打断。假设我有下面的字符串：

或者

现在，无论如何我都希望这些字符串被打断，但最好不要打断任何错误的行。

例如。休息可以

不是

我在这里尝试过答案

智能包装

但没有运气。

我试图让我的表格适合一个小屏幕（< 400 像素宽度），所以我将这种样式应用于我的表格单元格......</p>

但我的问题是，我可以让这个功能更智能吗？也就是说，请注意我的 Fiddle，https ://jsfiddle.net/hk42jb5r/1/，如果您将屏幕缩小到 320，第一个名称“Dave Echoer”会将名称分解为“Dave Echt”和“er”像素宽。因为文本中有一个空格，所以在空格处进行拆分会更有意义。打破那里的单词不会影响表格宽度。有什么办法可以让我在适当的时候发生这种情况？

HTML 文件中有一个表格。word-breakCSS 属性表明长词必须在该表内中断。我只想打破长文本（而不是数字）。我有一些数字，它们有 1000 个分隔符（每三位数字有一个逗号）。这些数字也打破了。
有什么办法可以防止这些数字中断吗？

我正在尝试了解以下 Java + 动态编程实现（https://pingzhblog.wordpress.com/2015/09/17/word-break/）：

String s = "abcxyz"但是需要用and进行一些澄清Set <String> wordDict = ["z", "xy", "ab", "c"]。

我仍然不清楚wordBreakDp[]代表什么，并将其设置为 true 意味着。

所以我做了尝试并得到了wordBreakDP[2,3,5,6]=true，但是这些索引说明了什么？我不能检查一下，i=6因为我们要检查的是最后一个索引是否wordBreakDp[]为真，wordBreakDp[s.length()];？

比如说我得到了abfor s.substring(0, 2);，但是我们怎么能假设下一个循环 ,s.substring(1, 2);没有用，只是break;在循环之外呢？

谢谢