`

pre换行,兼容IE/Firefox/Opera/Safari(转)

    博客分类:
  • CSS
阅读更多
原文:pre换行,兼容IE/Firefox/Opera/Safari

个人认为pre还是用overflow:auto;
比较好,可以保持代码的完整。但你如果一定要换行就用下列代码吧。IE5.0以下不行,不过IE5.0也没有什么人用了!
pre{
white-space: pre-wrap;       / css-3 /
white-space: -moz-pre-wrap;  / Mozilla, since 1999 /
white-space: -pre-wrap;      / Opera 4-6 /
white-space: -o-pre-wrap;    / Opera 7 /
}

pre{
#word-break: break-all;      /* Internet Explorer 7.0+ */
#word-wrap: break-word;      /* Internet Explorer 7.0+ */
_word-break: break-all;      /* Internet Explorer 6.0- */
_word-wrap: break-word;      /* Internet Explorer 6.0- */
}


分享到:
评论

相关推荐

    User-Agent库useragent.js.zip

    Node.JS / (Windows) Classical ASP / (Windows) WScript / (Windows) CScript / Internet Explorer 6 / Google Chrome / Mozilla Firefox / Apple Safari 安装方式:npm: $ npm install useragent.js ...

    html pre标签使文本自动换行

    这段 CSS 代码确保了在主流浏览器(包括 IE6、IE7、IE8、Firefox、Opera、Safari 和 Chrome)中,`<pre>` 标签内的文本能够正确地自动换行,同时保持原有的格式。`word-wrap: break-word;` 属性允许单词在必要时进行...

    第四章 网页边框和网页文字阴影.docx

    * FireFox(3.0.5)-[FireFox(3.1PreAlpha)兼容] * GoogleChrome(1.0.154.) * GoogleChrome(2.0.156.)(支持不是太好) * InternetExplorer(IE7/IE8RC1) * Opera(9.6) * Safari(3.2.1,Windows) 六、文字阴影效果 文字...

    各浏览器兼容问题

    - `-moz-`:Firefox等Gecko内核浏览器。 - `-ms-`:IE浏览器。 - `-o-`:Opera浏览器。 示例: ```css div { border-radius: 10px; /* 标准写法 */ -webkit-border-radius: 10px; /* WebKit内核浏览器 */ -...

    xheditor v1.0.0 rc2 build 100401

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor is a simple,small,fast WYSWYG(What You See ...

    前端面试题总结.docx

    11. CSS前缀:不同浏览器私有属性前缀,如 `-webkit-`(Chrome/Safari),`-moz-`(Firefox),`-ms-`(IE/Edge),`-o-`(Opera)。 12. Table的`cellpadding`和`cellspacing`属性: - `cellpadding`:设置单元格...

    wordpress使用全局变量判断浏览器及使用平台

    由于现在浏览器存在大量的兼容的问题,特别是在国内IE6.0还存在大量的用户情况下,存在大量的浏览器兼容性问题,而且IE与Firefox,chrome也存在兼容的问题,所以我们在为wordpress写主题的时候就需要不同的样式来...

    修正IE下使用CSS属性overflow的bug

    这段CSS将在所有支持`overflow`属性的浏览器中,包括IE6、IE7、Firefox、Opera和Safari,实现一致的`overflow: auto`效果,使得预格式化文本(如代码块)在内容超出容器时可以正确地显示滚动条。 总之,理解并解决...

    一个css transform效果 很有图片的感觉

    在文件中提及的前缀包括`-moz-`(针对Firefox)、`-webkit-`(针对Chrome和Safari)以及为IE浏览器特定的过滤器`filter`属性。 #### 前缀的使用 - **-moz-transform**:为Firefox浏览器提供兼容性。 - **-webkit-...

    dns预请求,提高SPA应用首屏渲染性能

    默认情况下,现代浏览器如Safari 5+、Chrome、Firefox 3.5+、Opera以及IE 9+(在IE中被称为“Pre-resolution”)会自动对不同域的资源进行隐式DNS预获取,并缓存结果。特别是Chrome和Firefox 3.5+,它们内置了DNS ...

    syntaxhighlighter 代码高亮

    SyntaxHighlighter兼容多种浏览器,包括IE6+、Firefox、Chrome、Safari和Opera等。不过,由于其依赖于JavaScript,对于禁用了JavaScript的用户可能无法正常使用。为了提高用户体验,可以考虑添加对非JavaScript环境...

    html入门到放弃笔记

    2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 ...

    Google Code Prettify

    7. **兼容性**:该库与大部分现代浏览器兼容,包括 Chrome、Firefox、Safari、Opera 和 Internet Explorer(8 及以上版本)。 在提供的压缩包文件中,有两个版本可供选择:“prettify-4-Mar-2013.tar.bz2”和...

    google-code-prettify

    7. **兼容性**:由于是纯JavaScript实现,所以这个库在大多数现代浏览器中都能良好运行,包括Chrome、Firefox、Safari、Opera和Internet Explorer(版本8及以上)。 总的来说,"google-code-prettify"是一个强大的...

    尚硅谷_前端_面试题

    常见的浏览器内核包括:WebKit(Safari、Chrome)、Gecko(Firefox)、Blink(基于WebKit改进,用于Chrome和Opera)。 5. **简述一下你对HTML语义化的理解?** - **HTML语义化**指的是使用有意义的HTML标签来构建...

    关于ol和ul的padding和margin默认值

    在《CSS Mastery》一书中提到,Internet Explorer (IE) 和 Opera 早期版本使用`margin-left`来设置列表项的缩进,而Safari和Firefox则使用`padding-left`。然而,实际测试表明,至少从Opera 9.23版本开始,Opera也...

    css实现文本溢出显示省略号

    为了确保代码的跨浏览器兼容性,通常还会包括其他浏览器特定的前缀,例如`-moz-`为Firefox、`-webkit-`为Chrome、Safari等。但在这个示例中,我们只看到了`-o-`前缀,这可能是由于空间限制或者其他原因导致未展示...

    Grav:使用画布的javascript中的重力模拟,可以作为Web应用程序和作为WebOS应用程序使用

    Grav可以在任何现代浏览器(Firefox,Chrome,Safari和Opera的最新版本以及Internet Explorer 9)上使用。 有关浏览器特定的错误,请参见bugs.txt。 Grav还可以作为适用于Palm Pre和Palm Pixi手机的webOS应用程序...

Global site tag (gtag.js) - Google Analytics