在制作博客网站时,对博文的评论 系统 构建,发现一个奇怪的现象,如果输入长串单个英文字母或数字, 浏览器 并不能自动换行,会超出指定区域,如下所示:
上网搜了下,发现原来是以下原因:
出现这样的现象是由于浏览器认为每个汉字之间是断开,并独立存在的,而英文是以每个单词为独立存在的,没有空格的一连串英文字母或数字则被看做一个连续的单词,所以不能自动换行. 一般在遇到内容不自动换行时只要在 CSS 中加入 word-break:break-all 就可以使其自动换行,但遇到字母或数字时,则需要加入 word-wrap:break-word 才能让它们争取换行
因此,只需要给内容添加个 css 样式就行了,如下:
{{comment.content}}
即可:
来源: https://www.2cto.com/kf/201801/715774.html