`

IE 列表li间的间隙BUG

阅读更多

在IE 6上,当li元素包含块级元素,并代码中各li项之间有空格存在,那么将会出现这个BUG。
xhtml 代码如下:

<ul>
<li><a href="/">List item 2</a></li>
<li><a href="/">List item 3</a></li>
</ul>


设置 css代码如下:

ul {margin:0; padding:0; list-style:none;}
li {margin:0; padding:0;}
li a {display:block;
padding:0.5em;
background:#ddd;
}


两 种解决方法:
触发li a的hasLayout属性.

li a {display:inline-block}
li a {display:block;}


设置li的 display:inline.

li {display:inline}
分享到:
评论

相关推荐

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

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

    web前端开发基本问题解决

    IE6的双倍边距BUG IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中...

    css浏览器兼容整理

    - IE6中的图片下方可能会出现多余的间隙。可以通过设置`display: block;`和`margin: 0;`来消除间隙。 2. **图片垂直于容器内** - 可以使用`vertical-align: middle;`或`display: flex; align-items: center;`来...

    Css复习题 (2).docx

    - 双补丁浮动Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug,这些通常是IE中的问题。 10. CSS布局模型: - Flow Model(流动模型):元素按照正常的文档流排列。 - Float Model(浮动模型):元素浮动以便...

    Css复习题.docx

    - 双倍浮动边界Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug都是Firefox特有的CSS问题。 10. CSS布局模型: - Flow Model:元素按正常的文档流排列。 - Float Model:元素浮动以创建多列布局。 - Layer ...

    浏览器兼容性汇总

    - **IE**: 浮动元素可能导致文本出现3像素的间隙。 - **Firefox等其他浏览器**: 通常不会出现此问题。 **解决方案**: 使用 `display:inline-block` 或 `float` 的替代方案如Flex布局。 ##### 14. IE捉迷藏的问题 ...

    美工笔试题目

    IE6存在双边距bug,即块级元素在浮动后会显示额外的空白。解决方案通常涉及使用负margin或使用clearfix技术。 ### 12. 1px容器的定义 创建高度仅为1像素的容器可以通过绝对定位和设置高度为0、上边距为1像素的方式...

    Css复习题.pdf

    - FF与IE等浏览器存在不同的渲染问题,如双浮动、图片间隙、项目符号隐藏等。 10. CSS布局模型: - Flow Model:元素按顺序从左到右、从上到下排列。 - Float Model:元素浮动以创建多列布局。 - Layer Model:...

    Css复习题 (2).pdf

    - 不同浏览器对默认样式处理可能不同,如IE和Firefox的页边距和列表缩进设置。 7. **CSS Bug的原因**: - 浏览器间实现CSS的差异导致表现层不统一。 - 各大浏览器开发商的实现方式和代码基础不同。 - 为保护...

    网页设计与制作(HTML+CSS).docx

    4. 浮动元素与浏览器兼容性:在早期的IE6浏览器中,浮动元素的外边距问题,即“双边距bug”,会导致设置的外边距变为两倍。 5. 内容溢出处理:在CSS中,`overflow`属性用于处理内容超出容器时的行为。`overflow:...

Global site tag (gtag.js) - Google Analytics