當(dāng)前位置:首頁(yè) > IT技術(shù) > 微信平臺(tái) > 正文

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

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

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

這個(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

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