CSS overflow-wrap新屬性值anywhere

在項目中遇到這樣一個問題,如下圖所示,當輸入純數字的時候,文本沒有按我們預想的樣子去換行,使用了 overflow-wrap: break-word後沒啥用,查了一下,需要使用overflow-wrap: anywhere

記錄

anywherebreak-word的不同之處在於,在overflow-wrap:anywhere計算最小內容尺寸的時候會考慮軟換行,而overflow-wrap:break-word不會考慮軟換行。
主要用在彈性佈局中,即元素尺寸足夠的時候單詞儘量完成顯示,不隨便中斷,如果尺寸不夠,那就能斷則斷。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章