IE6、IE7下，li会出现缝隙的浅析

发布时间: 2012/7/20 17:00:45

IE6、IE7下，li会出现缝隙的浅析，那么出现缝隙怎么办呢？今天，在群里无意间看到一个朋友，提到了一个问题！电脑技巧www.boydavid.com

话说，在IE6、IE7下竖排会导致一个bug，就是每个li之间都有个缝隙？个人对这句话，表示很大的质疑，首先，电脑知识www.boydavid.com

不说别的，默认什么情况，什么样式都不加，li竖排吧，IE6、7下会有问题么？？答案：不会！电脑软件www.boydavid.com

所以首先，我们先要搞清楚，这个问题是怎样引发的？什么情况下引发的？电脑入门www.boydavid.com

答：li里面的内容有浮动，但是li本身并没有浮动，就会造成上述的问题！电脑维护www.boydavid.com

解决：给li加个verticle-align属性即可，具体的值，是top、middle、bottom无所谓！这样问题就迎人而解了，

但是具体为什么呢？为什么会在IE6、7下产生为题呢？我们只能把责任推给他们的开发商了，可能是当时，开发

IE6、7浏览器的时候，遗留下来的问题吧！计算机学习网站www.boydavid.com

上个例子：

<!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"> 电脑常识www.boydavid.com

<head>

<title>无标题文档</title>

<style>

li{ line-height:30px; background:red; width:300px; verticle-align:middle;}//此处verticle-align是解决问题的关键！电脑技术www.boydavid.com

li a{ float:left;}

</style>

</head>

<body> 电脑软件www.boydavid.com

<ul> 电脑硬件www.boydavid.com

<li><a href="javascript:;">asdfasdfasdfasdf</a></li>

<li><a href="javascript:;">avcvxcvxcvxc</a></li>

</ul>

本文出自：亿恩科技【www.enkj.com】

服务器租用