首页 新闻 搜索 专区 学院

light-height在ie8下没有完全垂直居中,偏下2像素左右,咋处理

0
悬赏园豆:5 [待解决问题]

light-height在ie8下没有完全垂直居中,偏下2像素左右,咋处理

截图后ps测距离:

 

 

问题补充:

实在是搞不懂

Hailinlu的主页 Hailinlu | 初学一级 | 园豆:193
提问于:2016-08-09 16:44
< >
分享
所有回答(4)
0

看看是不是内容的高度有问题,padding,margin,之类的引起的。

 

幻天芒 | 园豆:36910 (高人七级) | 2016-08-10 12:18

你看下代码是啥问题

支持(0) 反对(0) Hailinlu | 园豆:193 (初学一级) | 2016-08-11 14:56

@luhailin: 仅仅IE8下才是这样?另外,贴能粘贴的代码。。

支持(0) 反对(0) 幻天芒 | 园豆:36910 (高人七级) | 2016-08-11 17:41

@幻天芒: 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
*{margin:0;padding:0;}
body{text-align:center;padding-top:100px;}
span{
display:inline-block;
height:22px;
line-height:22px;
background-color:#3a83cf;
padding:0px 12px;
font-size:14px;
}
</style>
<body>
<span>全部</span>
<span>最近一周</span>
<span>最近一个月</span>
</body>
</html>

支持(0) 反对(0) Hailinlu | 园豆:193 (初学一级) | 2016-08-15 10:39

@luhailin: 刚试验了下,发现在所有IE上,都有这个问题。另外,不同的文字,本身的高度也不太一样。

支持(0) 反对(0) 幻天芒 | 园豆:36910 (高人七级) | 2016-08-15 14:03
0

padding引起的

小熊vs | 园豆:20 (初学一级) | 2016-08-10 14:36

padding已经设置为零了,看看代码

支持(0) 反对(0) Hailinlu | 园豆:193 (初学一级) | 2016-08-11 14:57
0

有效果就说明ie8能兼容,,,你看看你的设置

世间无码 | 园豆:20 (初学一级) | 2016-08-10 17:29

代码如上

支持(0) 反对(0) Hailinlu | 园豆:193 (初学一级) | 2016-08-11 14:57

@luhailin: padding去掉没?

支持(0) 反对(0) 世间无码 | 园豆:20 (初学一级) | 2016-08-11 15:13
0

去掉padding和margin值

爱吃de馒头 | 园豆:255 (菜鸟二级) | 2016-08-10 21:34

代码如上,已经设置为零

支持(0) 反对(0) Hailinlu | 园豆:193 (初学一级) | 2016-08-11 14:58
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册