强制自动换行 - 保持“代码”样式与文本框内联

时间:2012-11-06 09:29:33

标签: css word-wrap

我正在使用Feed聚合网站。有时我会发这样的帖子: http://www.r-bloggers.com/network-visualization-in-r-with-the-igraph-package/

代码文本溢出帖子的文本框。这是一个屏幕截图:

enter image description here

有没有办法在网站的css中确保不会发生这种溢出?

感谢。

1 个答案:

答案 0 :(得分:1)

HI现在习惯于定义您的pre代码white-space: pre-wrap;

就像这样

pre {
white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

<强> more info

结果 enter image description here