首页 美食 育儿 手工 生活 美妆 美容 设计 电脑 综合
首页 相关文章 在IE6,IE7下变通实现pre-wrap

在IE6,IE7下变通实现pre-wrap

HTML 的空白符处理规则

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

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

然而在有些时候，我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现，或者需要源码中的换行符能起到真正的换行作用。于是，我们发现了 pre 标签，它可以真实还原它内部文本的空白符的真实情况。

于是我们经常会把一段表示计算机代码的文本放进 pre 标签中，它们在浏览器中会表现出自身的空格缩进和换行效果，而不需要我们增加额外的样式和标签来控制它的缩进和换行。

随着对 CSS 的了解不断深入，我们发现，原来这一切都是 white-space 属性在安排。pre 元素之所以如此神奇，是因为它自身具有 {white-space: pre;} 这一默认样式。

white-space 属性

CSS 中的 w...[ 查看全文 ]

2016-02-20 标签:
Web开发

在IE6,IE7下变通实现pre-wrap的相关文章

  • 网页在IE6下错位在IE7下正常的问题
    标签：Web开发
    相关文章：网页在IE6下正常在IE7下错位的问题 问： IE6网页显示错位，IE7显示正常 我用dreamweaver制作的静态页面，DIV+CSS格式的，在IE7.0浏览器和火狐浏览器中显示都很正常，但是在IE6.0中显示就不正常，这是怎么回事呀，请高手帮忙？！ 答： 区别不同浏览器，CSS hack写法： 区别IE6与FF： backgroundrange;*background:blue; 区别IE6与IE7： background:green !important;background:blue;...[ 查看全文 ]
    青楼好男子
    131
  • 网页在IE6下正常在IE7下错位的问题
    标签：Web开发
    问： css+div做的网页在ie7里错位了，在ie6里好好的，这个在css里可以改吗？ 答： 用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见 cs.Phontol.com页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。Phontol.com而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一...[ 查看全文 ]
    特8次
    101
  • CSS兼容IE6,IE7,FF的技巧
    标签：Web开发
    一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. style #wrapper { #wrapper { wid...[ 查看全文 ]
    哈哈神马啊
    51
  • ie6和ie7下链接图片点不中问题讨论
    标签：Web开发
    最近重新审视了一下块集元素和内联元素，不是混淆，而是重新想了一下新的东西，有时候在我们进行重构的时候，偶尔会为了实际需要而将内联元素强制显示为块集元素，在一般情况下，这个是不会出问题的，而且可以很轻松的通过标准，但是在某一些情况下，虽然验证工具可以放过我们，但是在ie6下面会出现解析不正确的问题，下面就简单跟大家分享一下这个问题。 有时候由于需要文字和图片同时获取到点击态，或...[ 查看全文 ]
    龙姗之恋
    51
  • 针对firefox ie6 ie7的css样式
    标签：Web开发
    本人专业是做UI的，写CSS已经有好几年了，目前刚刚在博客发布关于CSS的文章，欢迎有问题的朋友在有问必答论坛提问，我一定尽力解答。 1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS...[ 查看全文 ]
    记忆中你不在
    41
  • CSS Hack:区分IE6/IE7/IE8/Firefox
    标签：Web开发
    今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property:value; /* IE6 */ } 当然，注意顺序。根据CSS的优先性...[ 查看全文 ]
    猎狐狸
    01
  • CSS教程:兼容ie6,ie7,ff的fixed
    标签：Web开发
    效果地址： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlestyle type="text/css"body{background-image:url(about...[ 查看全文 ]
    悠然雪魅
    21
  • 区分IE6,IE7和firefox的CSS hack
    标签：Web开发
    区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但...[ 查看全文 ]
    寻找不同的人生
    11
  • IE8、IE7、IE6、FF简单的CSS HACK测试
    标签：Web开发
    简单试用了一下IE8后，今天相对有时间点，对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。 样式代码： p {color:#f00;} xhtml代码： p文字/p 主要是测试文字这个颜色在不同浏览器下使用hack的一些结果报告。 早上测试的东西少了几个，这里补上，还有更多的东西等怿飞的测试报告。下午有时间再看看其他一些属性，不过现在这些只是IE8测试版的问题，正式版应该会...[ 查看全文 ]
    爱尚KTV唐飞
    31
  • IE6/IE7和Firefox对Div处理的差异
    标签：Web开发
    基本HTML代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml" headtitleDiv Float Sample/titlestyle type="text/css"div { margin:3px; }.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }.d2 { width:130px; min-heig...[ 查看全文 ]
    19771111陶钧
    21
  • 解决IE6、IE7、Firefox兼容最简单的CSS Hack
    标签：Web开发
    很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。 具体写法很容易： #someNode {     position: fixed;    #position: fixed;    _position: fixed; } 第一排给Firefox以及其他浏览器看 第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看 ...[ 查看全文 ]
    我天真无了个牙
    31
  • 用JavaScript 判断用户使用的是 IE6 还是 IE7
    标签：Web开发
    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js判断IE6/IE7/FF 代码如下： if (window.XMLHttpRequest) { //Mozilla, Safari,IE7 alert('Mozilla, Safari,IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari, alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6'); } 更详细的代码可以参考 JavaScript 判断浏览器类型及版本[ 查看全文 ]
    也许伱不懂幻
    71
  • IE6、IE7和FF的最简单的hack技巧
    标签：Web开发
    关于CSS HACK的文章在webjx.com中提及的也很多。 CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{     height:20px;     background-color:orange; } IE7浏览器 *+html .test{/*IE7*/     height:20px;     background-color:blue; } IE6浏览器 *html .test{/*IE6*/     heigh...[ 查看全文 ]
    杨漾恋惜君
    21
  • 关于IE6、IE7和FF最简单的CSS hack技巧
    标签：Web开发
    关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。您也可以参考下面的文章 FF浏览器 .test{     height:20px;     background-color:orange; }   IE7浏览器  *+html .test{/*IE7*/     height:20px;     background-color:blue; } IE6浏览器  *html .test{/...[ 查看全文 ]
    q2768498
    11
  • css教程：IE6、IE7和FF的hack的运用技巧
    标签：Html CSS布局 Div+CSS XHTML
    CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{     height:20px;     background-color:orange; } IE7浏览器 *+html .test{/*IE7*/     height:20px;     background-color:blue; } IE6浏览器 *html .test{/*...[ 查看全文 ]
    倾我所有D
    111
  • IE6实现min-width
    标签：Web开发
    首先我们知道这个效果应该是一个老话题了。 今天整理文件的时候，发现自己以前的一些布局的解决方法躺在文件夹里很长时间了，翻翻老底吧 需要说明的是有幸也见到过CSSPLAY的老工程师站长对这个效果的实现，而且肯定是很早就给出来了。 闲话少说，上源码： 触发并利用IE6-layout的怪异特性，css实现： style type="text/css" .ie6-out{ _margin-left:900px; _zoom:1; } .ie6-in{ _position:rela...[ 查看全文 ]
    我喜欢的你别碰
    31
  • CSS对IE6、IE7、IE8支持详细的易用的参考
    标签：Web开发
    中文原文： 译自： 关于浏览器的最离奇的统计结果之一就是 Internet Explorer 版本6，7和8共存。截至本文，。在网站开发社区，这个数字要小很多，统计显示。 这些统计中比较有趣的部分是，IE6、IE7、IE8之间的数值很接近，这防止了单个Microsoft的浏览器占居统治地位与过去的情况相反。根据这些令人遗憾的统计结果，在为客户开发网站的时候 开发人员对所有当前使用的IE浏览器做全面的测试是必要的 ...[ 查看全文 ]
    SpringGan1
    441
  • web标准：比较IE6与IE7放纵的孩子与严厉的父亲
    标签：Web开发
    KeyWord：ie6和ie7显示不同,web标准设计,ie6和ie7比较,ie6和ie7的变化,ie7对web设计人员的影响 IE7 刚出来，我就做了螃蟹，算是比较早接触IE7的。但是这个问题是从我刚试用IE7就一直困扰我。很久以来一直没有很好的找到原因，直到客户提出了这个bug，我们才不得不深入的研究了一下这个原因。 bug现象： 页面的布局在IE6和IE7中显示不同，如果在IE6里面显示正常了，在IE7显示就不正常，如果在IE7里面调...[ 查看全文 ]
    Xiao陌双鱼
    41
  • IE7下position:relative的问题
    标签：Web开发
    老家的电脑是IE7浏览器，回来一瞅自己的博客，顶部，图形导航链接全部失效。 回想在网上看过的一篇文档，大意就是，如果在IE7中使用position:relative属性，需要在该元素的容器上，同时给予position:relative属性。 我给了。大按钮上的链接都恢复了。但是css"js"seo3个小按钮上没有链接。很诡异 又给了z-index属性，这下firefox彻底复原，但是IE7依旧。 删了z-index，将3个浏览器的毛病都统...[ 查看全文 ]
    『暴暴蓝』
    461
  • Jquery在IE7下无法使用 $.ajax解决方法
    标签：Web开发
    通过查看源码发现 代码如下: // Create the request object; Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:function(){ return window.ActiveXObject ？ new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); }, 以下是这个jquery...[ 查看全文 ]
    忆_惜日爱情
    911
手机页面
收藏网站 回到头部