让pre标签换行

今天在写手机版博客页面的时候,发现pre标签不会自动换行,会撑破页面。

百度了下,找到了答案,原来pre标签默认就是不会换行的,要想让其换行,需要使用

word-space: pre-wrap;

来处理。
​​​word-space​​是控制如何处理段落中的空白符的

word-space: pre-wrap;

把文中的空白符按pre标签处理,保留换行

word-space: pre-line;

正常处理文中的空白符,保留换行。