频道栏目
首页 > 资讯 > HTML/CSS > 正文

博客评论中长串单个英文字母或数字不能换行的问题解决方法

18-01-26        来源:[db:作者]  
收藏   我要投稿

在制作博客网站时,对博文的评论系统构建,发现一个奇怪的现象,如果输入长串单个英文字母或数字,浏览器并不能自动换行,会超出指定区域,如下所示:

这里写图片描述

上网搜了下,发现原来是以下原因:

出现这样的现象是由于浏览器认为每个汉字之间是断开,并独立存在的,而英文是以每个单词为独立存在的,没有空格的一连串英文字母或数字则被看做一个连续的单词,所以不能自动换行。 一般在遇到内容不自动换行时只要在CSS中加入word-break:break-all就可以使其自动换行,但遇到字母或数字时,则需要加入word-wrap:break-word才能让它们争取换行

因此,只需要给内容添加个css样式就行了,如下:


{{ comment.content }}

即可:

这里写图片描述

相关TAG标签
上一篇:时速600公里高速磁浮技术
下一篇:三星将以白金会员加入Linux基金会网络基金 年费高达$50万
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站