前段时间在做一个评论功能的时候,测试人员告诉我在文本域连续输入数字或者是字母不会换行,在评论展示区也是一样的,我就纳闷了。这给用户的体验很不好,解决方案就是在对应的样式区加上
word-break:break-all;
word-wrap:break-word;
打断单词,并且允许换行;
至于数字不换行的原因可能是数字也会被当成字母连在一起。
刚刚有看到别的博主写的更具体的解释,大家可以去看一看:
前段时间在做一个评论功能的时候,测试人员告诉我在文本域连续输入数字或者是字母不会换行,在评论展示区也是一样的,我就纳闷了。这给用户的体验很不好,解决方案就是在对应的样式区加上
word-break:break-all;
word-wrap:break-word;
打断单词,并且允许换行;
至于数字不换行的原因可能是数字也会被当成字母连在一起。
刚刚有看到别的博主写的更具体的解释,大家可以去看一看: