微信小程式解決標籤內文字因長度換行問題

2021-09-26 15:26:00 字數 379 閱讀 3720

因長度過長導致出現iphone6正常顯示,但是iphone5上就出現換行的情況,可以通過以下css樣式解決。但是過長的話,雖然不會換行但是會壓榨,右邊的空間。

word-break: keep-all;只能在半形空格或連字元處換行。

word-wrap: break-word;在長單詞或 url 位址內部進行換行。

white-space: pre-line;合併空白符序列,但是保留換行符。

如果以下css還換行,加下面2個樣式在試試

word-wrap: break-word;

white-space: pre-line;

/* 適應各大螢幕 */

.adapt_screen

微信小程式 rich text富文字

nodes屬性可為array和string型別,但推薦使用array.由於string型別最終也會轉為array型別 nodes分為支援兩種節點,分別為元素節點 type node 預設為元素節點 和文字節點 type text 元素節點 name 標籤名 string 是 支援部分受信任的html...

微信小程式 富文字解析

把wxparse放在與page同一級目錄 wxparse裡的emojis包是可要可不要的。1 在wxml中 src wxparse wxparse.wxml class wxparse is wxparse data view 2 在wxss中 import wxparse wxparse.wxss...

微信小程式解決view文字文字過多溢位問題

overflow hidden 超出一行文字自動隱藏 text overflow ellipsis 文字隱藏後新增省略號 white space nowrap 強制不換行display webkit box 盒子型別 word break break all 自動換行的處理方法。允許在單詞內換行 t...