當前位置:首頁 > IT技術(shù) > 微信平臺 > 正文

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

今天在小程序里面遇到這樣的一個小問題,記錄下來當顯示的是文字的時候,文字過多,會自動換行,當顯示字母或者數(shù)字的時候,數(shù)量過多,沒有自動換行,會出現(xiàn)超出view容器的問題。

小程序view標簽內(nèi)數(shù)字/字母顯示不換行_html

這個時候,只需要 在view上來加上一個屬性即可

word-break: break-all;

定義和用法

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

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

默認值:    normal
繼承性:    yes
版本:     CSS3
JavaScript 語法:  object.style.wordBreak="keep-all"

語法

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

?

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務(wù)立即開通 >