ADIU’S BLOG Rotating Header Image

Posts Tagged ‘WEB’

开启兼容模式让IE8兼容你的网页

只需要在页面中加入如下HTTP meta-tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示.
还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有相同的效果,当然这么做范围更广.
<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=EmulateIE7">
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>

自动截取超出的文字

white-space: nowrap
当中文文字很长的时候(中间没有空格也没有换行符号),不管是IE还是firefox,到达边界都会自动换行。
但是有的情况,我们并不希望这样。比如:当在几个li并排排列,不想让每行的最后的一个li的文字自动换行,那就可以用本属性了。
使用这个css属性之后,文本只有在遇到空格或者是换行符的时候才能 换行
比如:
div{white-space: nowrap;}
这是好东东! 以前的网站很多时候文章标题因为有其它字符所以 经常会自动换行与下面的文章标题重叠在一起。