最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE7浏览器中li底部多出4px Bug怎么办
时间：2022-06-25 11:17:17 编辑：袖梨 来源：一聚教程网
效果如下
我们在页面布局时，很多时候都要使用ul、li元素，但有些布局方式在低版本的ie上却会出现bug，如4px的错位，如图：
jquery18202064453934483218="8" alt='IE7浏览器中li底部多出4px Bug怎么办' />
为什么会出现这种bug，其实是由于li内放了块级元素，并且这些块级元素浮动引起的。
对于这种情况，解决的方法有很多，如设置负的margin、用其他标签代替li等，但这要么需要使用hack或者是条件注释，要么就破坏了结构及语义。
现在，这里有一种简单的解决办法，那就是，在浮动的子元素上加一个vertical-align属性，取值可以为top、middle、bottom，三者均可，这样4px的bug就可以解决了。
一聚教程小编提醒你
这个bug其实是自己操作出来的，bug 不过觉得完全可以不用浮动吗 用inline-block，img，p都inline-block之后再加上vertical-align:middle基本就可以解决了
相关文章
- jm天堂网页版官方登录入口-jm天堂网页版直接登录入口 12-14
- 蝉妈妈网页版直达入口-蝉妈妈app官方正版入口在哪 12-14
- 豆包AI智能在线网页解析神器-豆包AI智能在线会议纪要生成助手 12-14
- 小红书Web官网登录入口-小红书官方网页版一键登录 12-14
- 苍云阅读app如何快速找到目录-目录入口位置 12-14
- 苹果ID登录官网入口 - 苹果Apple ID账户登录页面一键直达 12-14