Li ie6.0下列表自动撑开的原因
分类:东莞网页设计  日期:2012-8-10  浏览:次  点击返回
标签: 网站建设基础知识 网站制作教程 网站建设教程  文章来源:东莞市洪福科技有限公司
         Li ie6.0下列表自动撑开的原因
 
        我们在用div+CSS进行网站布局时,经常碰到在不同浏览器,不同版本之间显示不正确的问题,小编我也经常碰到这样的问题,查阅了相关资料后,解决了问题,再将解决过程分享一下,希望碰到类似问题的朋友少走弯路。
 
        出错现象:定义好ul的宽度,由于每一条新闻标题的字数不一样,在页面显示的长度就不一样,在li中占用的位置也不一样,在自动排列的过程中,按道理,在正常情况时,宽度不够时要自动换行,可是在IE6下面就出错了,把多余的文字给按列来排列了。
 
        下面我把错误现象切图对比:
 
 
 
        解决过程:在IE8 360 google firefox各个浏览器下显示正常,在6下面就不正确了,马上想到就是CSS的兼容问题,于是把每一个链接加上了边框来看效果,发现其中多余的给换行了,明明是按行显示的,成了按列显示了,为什么会这样子呢,查看源代码,没有问题,突然想到是不是没有申明ul里空白代码要如何处理的问题引起的呢,于是在ul里加上white-space:nowrap;再在IE6下测试一看,对了,一句小代码,可困惑了小编数个小时,不过终于是解决了。
 
       下面给出white-space的相关参数:
 
        所有浏览器都支持 white-space 属性。
        注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
 
       可能的值
 
       normal 默认。空白会被浏览器忽略。
       pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
       nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
       pre-wrap 保留空白符序列,但是正常地进行换行。
       pre-line 合并空白符序列,但是保留换行符。
       inherit 规定应该从父元素继承 white-space 属性的值。

       还有一点需强调的是,这里的自动换行与您网站定义的样式有密切相关。全局样式的不同,直接影响您处理方式的不同,切勿生搬硬套!


域名注册 |  企业邮箱 |  虚拟主机 |  网站设计 |  网站建设报价 |  网站推广 |  网站建设 |  联系我们 |  Sitemap

洪福科技是东莞正规网页设计公司,提供东莞建站、网络推广、企业邮箱、域名注册和虚拟主机服务,专注于中小企业网站建设和网络营销服务,共享网络开放平台!

地址:广东省东莞市鸿福东路红棉路24号  邮编:523000  电话:0769-3321 8176   传真:0769-8987 5073    邮箱:teach@gdhfkj.com

Copyright(©) 2009-2013 东莞市洪福科技有限公司 All Rights Reserved. 版权所有  粤ICP备09061858号