Post #3629407
2026-07-06 14:19 UTC
今天修個 BUG 認識了個中文斷字小技巧
因為中文字(CJK字元)每個字都是能兩邊斷的
所以有時不是那麼方便控制要在哪邊斷字
之前斷字有點暴力
把字詞用 .inline-block 包起來
這樣就能強制在寬度變化時，控制斷字位置
但是，這有個副作用
Chrome 系列的瀏覽器會沒將 inline-block 的字，當作不連續字元
(不確定是 Blink 系列 or 整個Webkit系列)
也就是如下的段落，Chrome 是搜尋不到「言先帝」這三個連字的
臣亮言先帝創業未半
Replies (1)
-
@RplusTW@g0v.social 2026-07-06 14:23
跟 ai 討論了一下 它幫我解了，真是太強啦～ 改用 這個軟斷行 這玩意本來在中文裡沒啥用，因為非符號的 CJK 字元隨時都能斷 XD 所以平常有加沒加都沒太多差別 但只要搭配 word-break: keep-all 就能確實地切在你想要的地方 但副作用大概是，沒加的地方就真的會變超長不會自己斷行 也是要慎用就是了 臣亮言先帝創業未半而中道崩殂