让示例代码在手机上换行显示

标签：css   移动设备   pre   换行   

/*
  white-space 属性的取值:
  normal    默认。空白会被浏览器忽略。
  pre       空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
  nowrap    文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
  pre-wrap  保留空白符序列，但是正常地进行换行。
  pre-line  合并空白符序列，但是保留换行符。
*/
pre {
  white-space: pre-line;
}

/*
  匹配到具有 language- 开头的class的pre,code元素
  例如: <pre class=" language-css" prism="1">
  或 <code class=" language-css">
*/
pre[class*='language-'], code[class*='language-'] {
  white-space: pre-line;
}

让示例代码在手机上换行显示,布布扣,bubuko.com

让示例代码在手机上换行显示

标签：css   移动设备   pre   换行   

原文地址：http://blog.csdn.net/renfufei/article/details/27673855