前端随笔--html中文字不换行的处理方法

前言：在html中，连续的数字和字母，以及字母和数字的组合是不会自动换行的。如果想要设置自动换行，可以应用样式：word-wrap: break-word;

1.有时，我们在前端，需要设计类似于这样的消息框，会限定消息框的 width 和 height：

但是，如果当我们的消息内容为数字或者字母的时候，就变成这样的了

2.有汉字的话，还是正确的：

3.可以使用样式 word-wrap: break-word; 进行文字的自动换行。

4.完整的对比如下：

注意：如果需要自己设计并使用类似于上面的消息框时，最好设置换行样式。因为消失可能是通过ajax动态获取的，如果存放的消息内容是纯字母或者数字或者数字字母组合，而且内容又比较多，那就样式错乱了哦。

更多内容，大家可以关注我的个人网站 www.5ixiudou.com，大家可以共同学习，共同进步

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。