升级了博客主题之后,发现博客文章的评论中,发布的代码都变成了一沱,即没有了原来复制过来时的缩进等格式,查询数据库的评论表,发现里面还是以原有的样子保存着的,那么就是前端显示CSS样式的问题了。
要保留代码原来的空白缩进及换行等,应该就是CSS的white-space属性设置了,来看一下具体的说明:
white-space
属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。
可能的值:
normal:默认,忽略空白符,忽略原有换行符。自动换行,不会有滚动条
pre:保留空白符;保留换行符,即保留原有格式
nowrap:忽略空白符,文本不换行,直到遇到</br>;
pre-wrap:保留空白符,自动进行换行,不会有滚动条
pre-line:合并空白符,保留换行符;
因为评论内容可能很长,自动换行还是需要的,将样式的white-space属性设为pre-wrap,搞定。
white-space:pre-wrap;