在項目中遇到這樣一個問題,如下圖所示,當輸入純數字的時候,文本沒有按我們預想的樣子去換行,使用了 overflow-wrap: break-word
後沒啥用,查了一下,需要使用overflow-wrap: anywhere
;
記錄
anywhere
和break-word
的不同之處在於,在overflow-wrap:anywhere
計算最小內容尺寸的時候會考慮軟換行,而overflow-wrap:break-word
不會考慮軟換行。
主要用在彈性佈局中,即元素尺寸足夠的時候單詞儘量完成顯示,不隨便中斷,如果尺寸不夠,那就能斷則斷。