长沙市天心区斌网网络技术服务部

斌网网络

不断提升设计,技术水平,迎合搜索引擎,AI参选规则


ie6下换行空隙bug的解决办法

ie6下换行空隙bug的解决办法

Time: 2012/8/6 8:50:59

很多朋友发现在ie6下面经常性出现代码换行在页面上都会出现空隙的bug,而在其他浏览器下不会出现该类情况,最后只得被迫使用css hack来解决这个bug,但是要知道高手们是可是从来不用css hack的,这是怎么回事呢?

我们先来说一下ie6对换行或者空格的解释:

比如:<a href="#"></a> <div></div>,我看到a标签和div之间是有空格的,浏览器默认都识别一个空格,这一点ie6和其他浏览器不一样,因为a标签默认不具备block(独居一行)的属性,所以ie6认为a标签和div中间的空格有效,从而导致a标签和div之前会有空隙,而在其他浏览器下面不会出现,其他浏览器解释的原理是只要2个标签任意一个标签具备了block(独居一行)的属性,就忽略他们之间的任意换行符和空格符。

而ie6的解释原理是只要任意一个标签不具备block(独居一行)的属性,就认为它们之间的换行符、空格都是在页面上解释出来的,从而行程一个空格间隙。


本文网络浏览:

联系斌网网络
BINWEB.CN
BINWEB.CN
做网站,外贸独立站搭建,微信小程序,自媒体短视频
海外Tiktok,网络推广,直接找我们斌网网络
我们不搞销售套路,只有做对客户好的设计和服务、助力打开网络营销财富之门!
咨询直达   范总监