原文:
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- */
}
分享到:
相关推荐
Node.JS / (Windows) Classical ASP / (Windows) WScript / (Windows) CScript / Internet Explorer 6 / Google Chrome / Mozilla Firefox / Apple Safari 安装方式:npm: $ npm install useragent.js ...
这段 CSS 代码确保了在主流浏览器(包括 IE6、IE7、IE8、Firefox、Opera、Safari 和 Chrome)中,`<pre>` 标签内的文本能够正确地自动换行,同时保持原有的格式。`word-wrap: break-word;` 属性允许单词在必要时进行...
* 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是一个基于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 ...
11. CSS前缀:不同浏览器私有属性前缀,如 `-webkit-`(Chrome/Safari),`-moz-`(Firefox),`-ms-`(IE/Edge),`-o-`(Opera)。 12. Table的`cellpadding`和`cellspacing`属性: - `cellpadding`:设置单元格...
由于现在浏览器存在大量的兼容的问题,特别是在国内IE6.0还存在大量的用户情况下,存在大量的浏览器兼容性问题,而且IE与Firefox,chrome也存在兼容的问题,所以我们在为wordpress写主题的时候就需要不同的样式来...
这段CSS将在所有支持`overflow`属性的浏览器中,包括IE6、IE7、Firefox、Opera和Safari,实现一致的`overflow: auto`效果,使得预格式化文本(如代码块)在内容超出容器时可以正确地显示滚动条。 总之,理解并解决...
在文件中提及的前缀包括`-moz-`(针对Firefox)、`-webkit-`(针对Chrome和Safari)以及为IE浏览器特定的过滤器`filter`属性。 #### 前缀的使用 - **-moz-transform**:为Firefox浏览器提供兼容性。 - **-webkit-...
默认情况下,现代浏览器如Safari 5+、Chrome、Firefox 3.5+、Opera以及IE 9+(在IE中被称为“Pre-resolution”)会自动对不同域的资源进行隐式DNS预获取,并缓存结果。特别是Chrome和Firefox 3.5+,它们内置了DNS ...
SyntaxHighlighter兼容多种浏览器,包括IE6+、Firefox、Chrome、Safari和Opera等。不过,由于其依赖于JavaScript,对于禁用了JavaScript的用户可能无法正常使用。为了提高用户体验,可以考虑添加对非JavaScript环境...
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 超级 文本 标记 ...
7. **兼容性**:该库与大部分现代浏览器兼容,包括 Chrome、Firefox、Safari、Opera 和 Internet Explorer(8 及以上版本)。 在提供的压缩包文件中,有两个版本可供选择:“prettify-4-Mar-2013.tar.bz2”和...
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标签来构建...
在《CSS Mastery》一书中提到,Internet Explorer (IE) 和 Opera 早期版本使用`margin-left`来设置列表项的缩进,而Safari和Firefox则使用`padding-left`。然而,实际测试表明,至少从Opera 9.23版本开始,Opera也...
为了确保代码的跨浏览器兼容性,通常还会包括其他浏览器特定的前缀,例如`-moz-`为Firefox、`-webkit-`为Chrome、Safari等。但在这个示例中,我们只看到了`-o-`前缀,这可能是由于空间限制或者其他原因导致未展示...
Grav可以在任何现代浏览器(Firefox,Chrome,Safari和Opera的最新版本以及Internet Explorer 9)上使用。 有关浏览器特定的错误,请参见bugs.txt。 Grav还可以作为适用于Palm Pre和Palm Pixi手机的webOS应用程序...