当前位置: 网站建设 > 网页设计 > 建站经验 >

IE6,7下实现white-space pre-wrap;

时间:2013-03-02 03:48来源:未知 作者:admin 点击:

标签:IE6,7下实现white-space pre-wrap; 实现(100)pre-wrap(1)white-space(1)7下(1)IE6(28)
我们晓得,在默认情况下,HTML 源码中的空白符均被显示为空格,并且连续的多个空白符会被视为一个,或者说,连续的多个空白符会被合并。 white-space 属性 HTML 的空白符处理规则 假如我们需要某个容器元素具备相似 pre 元素的空白符处置行为,则为它设置 {w
IE6,7下实现white-space pre-wrap;》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302335622013.htm

我们晓得,在默认情况下,HTML 源码中的空白符均被显示为空格,并且连续的多个空白符会被视为一个,或者说,连续的多个空白符会被合并。

white-space 属性

HTML 的空白符处理规则

假如我们需要某个容器元素具备相似 <pre> 元素的空白符处置行为,则为它设置 {white-space: pre;} 样式即可。

这时,对比一下上表中各属性值的不同行为特点,我们会发现 pre-wrap 这个属性值怀才不遇——它恰是我们所需要的,IE6 IE7 IE8 Firefox专属CSS hack

Tag:IE6   IE7   pre-wrap  ,IE6 7 8下cssText值与IE9 Firefox Safari Chrome Opera不同; white-space   IE6   IE7   pre-wrap  ,IE10对CSS3新特性的支持和HTML5新特性的支持; white-space  

HTML 中的“空白符”包含空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。

white-space 属性值一览表 

--> [网站建设之]IE6,7下实现white-space:pre-wrap,IE&FF css hack集;

(注:在 CSS1/2 下,white-space 属性只可运用于块级元素,id和class的选择;在 CSS 2.1 下,可利用于所有元素。)

然而在有些时候,我们生机 HTML 源码中的多个持续空格在网页阅读器中能够真实地浮现,或者需要源码中的换行符能起到真正的换行作用。于是,我们发现了 <pre> 标签,它可以实在还原它内部文本的空缺符的真实情况。

于是我们常常会把一段表现盘算机代码的文本放进 <pre> 标签中,它们在浏览器中会表示出自身的空格缩进和换行后果,而不需要我们增添额定的样式和标签来把持它的缩进跟换行。

跟着对 CSS 的懂得一直深刻,咱们发明,本来这所有都是 white-space 属性在部署。<pre> 元素之所以如斯神奇,是由于它本身存在 {white-space: pre;} 这一默认款式,id和class到底要用哪一个?

因而,{white-space: pre;} 样式有时候并不能满意我们的冀望。比方,在某些不须要特殊谨严的场所,或者排版某些对换行不敏感的代码片段(好比 HTML 或 CSS)的时候,我们不盼望代码片断中的一行长代码令它的容器元素发生程度转动条,因为那样不便浏览。我们愿望在这种情形下,长代码主动换行就好。

对 pre-wrap 的需要

CSS 中的 white-space 属性用于设置文本空白符的处理规矩,这其中包括:是否合并空白符、是否保留换行符、是否允许自动换行。各属性值的不同行为如下表所示:

我们先说明一下上述表格中的“自动换行”行动,它是指某元素内部的文本流依照文本方向排版,当文本流碰到限度其持续延长的边界时,HTTPS的七个误解(译文),是否换行。“不容许自动换行&rdquo,Http Message结构学习总结;则象征着文本流会溢出该元素,HTML标签的默认CSS样式汇总

属性值 空白符 换行符 自动换行 最早呈现于 normal 合并 疏忽 允许 CSS 1 nowrap 合并 忽略 不许可 CSS 1 pre 保留 保留 不答应 CSS 1 pre-wrap 保留 保存 允许 CSS 2,HTML和CSS做网页实例教程 边框1像素缺口鼠标变色.1 pre-line 合并 保留 允许 CSS 2.1


(责任编辑:网站建设)
IE6,7下实现white-space pre-wrap;相关文章
上一篇:IE6 IE7 IE8 Firefox专属CSS hack 下一篇:IE6-IE7-IE8-FireFox css的浏览器兼容技巧
回到顶部