如何在日语中打出漂亮的换行符？

Question

我有一个英文和日文网站。英文显示完美

日语中的断字有问题。有时挂起的1-2个字符保留在一个新行上。

我想管理断字并将其放在我需要的地方。

我将日语文本拆分为音节。 https://github.com/google/budou

我用space\u200A.（瘦space）把音节联在一起 Space 选择使其成为最小宽度并且不可见。我希望在 space 所在的位置换行。

但是换行不是按space秒，而是按宽度。

对于断字管理，你有什么想法？

来自 API 的文本收入，我不能只插入 <br> 标签

Answer 1

我在 HTML 没有日语经验，但也许你可以使用 word-break:keep-all;?

根据Mozilla：

keep-all

Word breaks should not be used for Chinese/Japanese/Korean (CJK) text. Non-CJK text behavior is the same as for normal.

div {
  display:inline-block;
  font-size:30px;
  width:100px;
  border:1px solid black;
}
.break {
  word-break:keep-all;
}

<div>寿司が&#x200a;好き&#x200a;です</div>
<div class="break">寿司が&#x200a;好き&#x200a;です</div>

Answer 2

为了从 Budou 获得完美的结果，您应该对块应用 display:inline-block。内联块内的块不会被换行符分割，这使得寡妇不太可能发生。

div {
  display:inline-block;
  font-size:32px;
  width: 100px;
  border:1px solid black;
}
.chunk {
  display: inline-block;
}

<div>天気が良い週末</div>
<div><span class="chunk">天気が</span><span class="chunk">良い</span><span class="chunk">週末</span></div>

How to make beautiful line breaks in Japanese?