小程序view標(biāo)簽內(nèi)數(shù)字/字母顯示不換行
2021-07-28 16:05:40

今天在小程序里面遇到這樣的一個(gè)小問(wèn)題，記錄下來(lái)當(dāng)顯示的是文字的時(shí)候，文字過(guò)多，會(huì)自動(dòng)換行，當(dāng)顯示字母或者數(shù)字的時(shí)候，數(shù)量過(guò)多，沒(méi)有自動(dòng)換行，會(huì)出現(xiàn)超出view容器的問(wèn)題。

這個(gè)時(shí)候，只需要 在view上來(lái)加上一個(gè)屬性即可

word-break: break-all;

定義和用法

word-break 屬性規(guī)定自動(dòng)換行的處理方法。

提示：通過(guò)使用 word-break 屬性，可以讓瀏覽器實(shí)現(xiàn)在任意位置的換行。

默認(rèn)值：    normal
繼承性：    yes
版本：     CSS3
JavaScript 語(yǔ)法：  object.style.wordBreak="keep-all"

語(yǔ)法

word-break: normal|break-all|keep-all;

值  :      描述
normal  使用瀏覽器默認(rèn)的換行規(guī)則。
break-all   允許在單詞內(nèi)換行。
keep-all    只能在半角空格或連字符處換行。

?