解决IE6、7下li之间有间隙

最新推荐文章于 2020-09-11 10:28:59 发布

原创最新推荐文章于 2020-09-11 10:28:59 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

9 篇文章

订阅专栏

博客聚焦于解决IE6、7浏览器下li元素之间存在间隙的问题，这属于前端开发中常见的兼容性问题，解决该问题有助于提升网页在特定旧版浏览器中的显示效果。

li{
    vertical-align:top/bottom;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阁下长得好生俊俏

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

li与li之间存在看不见的空白间隔是什么原因引起的？有什么解决办法？

weixin_47450807的博客

04-07

2355

一、写在前面 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

web前端开发基本问题解决

最新发布

10-14

超链接访问后无法显示的样式在FF下如何实现长字段自动换行ff环境下父容器高度不适应IE6屏幕双倍边距的问题BUGIE6环境中定位容器内的文本无法正常选择IE6环境下图片下方出现空白区域的原因IE6下两层之间存在间隙问题...

参与评论您还未登录，请先登录后发表或查看评论

ie67中li下的间隙问题

u010818109的博客

03-21

171

一、以下是引发此BUG的条件：必要条件： li的子元素设置了浮动（例如：本例中的a设置了左浮动）充要条件： (IE6/7)li设置了width、height、zoom 之一（例如：本文中的li设置了width） (仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之...

ie6/ie7中li下方有间距

小石头

11-06

1980

ie6/ie7中li下方有间距

li下方存在间距空隙解决方案

你的微笑像拥抱

02-17

1325

li里面有元素且元素都浮动的情况下，li在IE6、7下会产生4px间隙问题。解决方案：针对 IE6、7添加*vertical-align: top;

05_03.IE6LI间隙bug

大史哥哥

08-01

383

Document body{margin: 0;} ul{margin: 0;padding: 0;list-style: none;} a{text-decoration: none;} .list{width: 300px;} /* bug:当li内元素浮动后，li之间出现间隙。解决方法：如下注释部分。 */ .list li{height:

在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙

似水流年

03-31

767

在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙 ul{margin:0;padding:0;width:302px;} li{ list-style:none;height:30px;border:1px solid #000; vertical-align:top;} a{width:100px;float:left;height:30px;backgr

多浏览器下IE6 IE7 firefox li 间距问题

09-03

### 解决多浏览器下IE6、IE7及Firefox中`<li>`元素间距兼容性问题 #### 背景介绍在Web开发过程中，我们经常会遇到不同浏览器对CSS样式的解析差异导致页面显示效果不一致的情况。特别是对于早期版本的Internet ...

ie6中li插入图片后下方有空隙(经典bug）多种解决方法

12-13

ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。首先附上代码：复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-...

IE6兼容性大全

10-25

- **垂直列表间隙bug**：当`<li>`包含块级子元素时，IE6可能会添加额外的间距。解决方法是为`<li>`应用`float:left`或`display:inline`。这些技巧和解决方案是应对IE6兼容性问题的关键，帮助开发者确保他们的网站...

解决IE6中li有上下间距的bug

jinjuanyang的博客

07-03

403

今天修改网页无意中遇到的问题 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"> head> meta htt

li出现间距，IE6/IE7 bug的解决方法

FuDesign2008的专栏

02-29

2111

1.解决方案之一为li设置CSS vertical-align:middle;（top/middle/bottom皆可） 2.解决方案之二为li设置CSS width: 100%; float:left;

解决IE6-IE7下li上下间距问题

keRee的博客

12-23

493

在IE6/7下li会向下产生大约2px的外边距解决方法：li{vertical-align:top;}或者 li{vertical-align:bottom;}解决问题！

inline-block在IE8,9的间隙问题

走小菜Blog

06-20

2245

奇偶【

li之间有空隙，怎么解决

shuoxi666的博客

09-11

770

原因:浮动后li之间的的空隙是空白字符造成的 1.删除所有的换行符 <ul> <li>学生</li><li>老师</li><li>校长</li> </ul> 2.可以将li的标签不闭合. <ul> <li>学生 <li>老师 <li>校长 </ul> 3.可以设置负边距. 不过负边

ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法

前世今生

09-18

506

ul li高度在ie6、ie7、ie8、FF下兼容问题解决在页面中有时候使用ulli列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样，ie8与FF高度一样)，设置高后使用overflow:hidden;也无济于事，这个问题一直困扰着我，以至于我后来只能使用DIV来做列表，但是这样只能说是对付上的，但没从实际上解决这个问题。后来在网上找到了一个方法，在li样式上加

css input[type=number]去掉上下箭头，只能输入数字

小牛牛的博客

02-07

9906

type="number" oninput="if(value.length>11)value=value.slice(0,11)" class="form-control regis_inp" placeholder="请输入电话号码"> /*在谷歌下移除input[number]的上下箭头*/ .regis_box input[type='number']::-webkit-outer-sp

前端如何实现SEO优化

小牛牛的博客

12-17

8547

1、提高页面加载速度。能用css解决的不用背景图片，背景图片也尽量压缩大小，可以几个icons放在一个图片上，采用css精灵(css sprite)，使用background-position找到需要的图片位置。减少HTTP请求数，提高网页加载速度。 2、结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上，每次看到有人直接在页面上编写CSS...

前端开发中兼容性问题及解决方案汇总

### IE6下两个层中间怎么有间隙 IE6浏览器对于元素的边距和填充有时会有不正确的渲染，导致即使边距或填充设置为0也会出现间隙。确保在父容器和子元素中都统一使用CSS重置（例如`* { margin: 0; padding: 0; }`），...