简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
聊天气泡背景图自适应问题
高洛峰
高洛峰 2016-11-19 13:33:12
0
4
1794

wKioL1guYhOjQXvkAAA8PZ7t7wQ318.png

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

reply all (4)
学霸
学霸2016-11-19 13:34:14 4 floor

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

word-wrap:break-word;


Like+0
Add Reply
    三叔
    三叔2016-11-19 13:33:58 3 floor

    word-break: break-all;

    Like+0
    Add Reply
      学霸
      学霸2016-11-19 13:33:47 2 floor

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

      Like+0
      Add Reply
        三叔
        三叔2016-11-19 13:33:35 1 floor

        给div加个word-break试试

        Like+0
        Add Reply
          Popular Topics
          More>
          Popular Articles
          Popular Tutorials
          More>
          Related Tutorials
          Popular Recommendations
          Latest courses
          Latest Downloads
          More>
          Web Effects
          Website Source Code
          Website Materials
          Front End Template
          About us Disclaimer Sitemap
          php.cn：Public welfare online PHP training，Help PHP learners grow quickly！