您的位置:首页技术文章
文章详情页

聊天气泡背景图自适应问题

【字号: 日期:2024-05-25 17:20:29浏览:10作者:猪猪

问题描述

聊天气泡背景图自适应问题

用css来模拟QQ这种图片背景的气泡聊天,有时候会出现中文和字符/英文断行的情况(输入的时候是连续输入的),为什么会这样?

问题解答

回答1:

这种状况属于正常情况,没有必要去处理,word-break: break-all 反而会导致连续单词被强制拆解,影响正常情况的阅读体验,如果对古代浏览器(IE6-IE8)没有要求,建议使用:

word-wrap:break-word;

回答2:

word-break: break-all;

回答3:

英文单词和符号默认不断行。可以设置强制不换号

回答4:

给div加个word-break试试

相关文章: