[工作筆記] word-break not working

Bonnie Yu
2 min readAug 17, 2018

--

某天工作時 QT 發現了一個 bug,就是連續符號沒有在有限的空間內斷行,原以為是沒有加上 word-break: break-all,後來發現現在 word-break: break-all 只對連續英文字斷行有效果,但是對連續符號卻起不了作用 ... WTF

連續英文例如: AAAAAAAAAAAAAAAAAAAAAAA
連續符號例如: !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

然後發現惹這個 overflow-wrap
https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-wrap

注:word-wrap屬性原本屬於微軟的一個私有屬性,在CSS3現在的文本規範草案中已經被重名為overflow-wrap.word-wrap現在被當作overflow-wrap的“別名”。穩定的谷歌Chrome 和Opera瀏覽器版本支持這種新語法。

目前只保證 Chrome 和 Opera 有效外,IE 我不知道 ....
就這樣吧,做個小筆記 🙄

--

--