今天在小程序里面遇到這樣的一個(gè)小問題,記錄下來(lái)當(dāng)顯示的是文字的時(shí)候,文字過多,會(huì)自動(dòng)換行,當(dāng)顯示字母或者數(shù)字的時(shí)候,數(shù)量過多,沒有自動(dòng)換行,會(huì)出現(xiàn)超出view容器的問題。
這個(gè)時(shí)候,只需要 在view上來(lái)加上一個(gè)屬性即可
word-break: break-all;
定義和用法
word-break 屬性規(guī)定自動(dòng)換行的處理方法。
提示:通過使用 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 只能在半角空格或連字符處換行。
?
本文摘自 :https://blog.51cto.com/u