升级了博客主题之后,发现博客文章的评论中,发布的代码都变成了一沱,即没有了原来复制过来时的缩进等格式,查询数据库的评论表,发现里面还是以原有的样子保存着的,那么就是前端显示CSS样式的问题了。

要保留代码原来的空白缩进及换行等,应该就是CSS的white-space属性设置了,来看一下具体的说明:

white-space

属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。

可能的值:

normal:默认,忽略空白符,忽略原有换行符。自动换行,不会有滚动条

pre:保留空白符;保留换行符,即保留原有格式

nowrap:忽略空白符,文本不换行,直到遇到</br>;

pre-wrap:保留空白符,自动进行换行,不会有滚动条

pre-line:合并空白符,保留换行符;

因为评论内容可能很长,自动换行还是需要的,将样式的white-space属性设为pre-wrap,搞定。

white-space:pre-wrap;
你可能感兴趣的内容
0条评论

selfly

交流QQ群:32261424
Owner