前段時間在做一個評論功能的時候,測試人員告訴我在文本域連續輸入數字或者是字母不會換行,在評論展示區也是一樣的,我就納悶了。這給用戶的體驗很不好,解決方案就是在對應的樣式區加上
word-break:break-all;
word-wrap:break-word;
打斷單詞,並且允許換行;
至於數字不換行的原因可能是數字也會被當成字母連在一起。
剛剛有看到別的博主寫的更具體的解釋,大家可以去看一看:
前段時間在做一個評論功能的時候,測試人員告訴我在文本域連續輸入數字或者是字母不會換行,在評論展示區也是一樣的,我就納悶了。這給用戶的體驗很不好,解決方案就是在對應的樣式區加上
word-break:break-all;
word-wrap:break-word;
打斷單詞,並且允許換行;
至於數字不換行的原因可能是數字也會被當成字母連在一起。
剛剛有看到別的博主寫的更具體的解釋,大家可以去看一看: