pre自动换行输出

最新推荐文章于 2024-12-26 22:15:43 发布

原创最新推荐文章于 2024-12-26 22:15:43 发布 · 816 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#mozilla #pre

css3 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使预格式化文本（pre标签）在网页中自动换行的方法，通过CSS样式设置white-space属性，解决了长代码超出屏幕宽度的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般情况下，pre原格式输出代码是不会自动换行的，体验很不好，很容易超出屏幕宽度，亲自测试以下代码可行，分享出来！

pre { 
whitewhite-space: pre-wrap; /* css-3 */ 
whitewhite-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
whitewhite-space: -pre-wrap; /* Opera 4-6 */ 
whitewhite-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}