解决pre标签自动换行的问题

预标签样式设置

最新推荐文章于 2024-04-28 17:33:36 发布

原创最新推荐文章于 2024-04-28 17:33:36 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Opera #CSS #HTML

style 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种为HTML预标签设置样式的CSS方法，确保代码块能够正常换行并保持原有格式，适用于多种浏览器。


给<pre>标签加上以下样式便可  
<style type="text/css">
 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+ */  
 }  
</style>