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

clipboard.png

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

阅读 4.9k
4 个回答

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

 word-break: break-all;

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

word-wrap:break-word;
新手上路,请多包涵

想请问一下是怎么实现那个气泡的,头尾是不变的,会随着字数的增多,只是中间的部分在拉伸?这个是怎么实现的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题