ie8下 line-height怎么不起作用_html/css_WEB-ITnose-html教程-PHP中文网

回复讨论(解决方案)

首页

web前端

html教程

ie8下 line-height怎么不起作用_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:26 PM

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {    font: 12px/24px Helvetica,Tahoma,Arial,sans-serif;    	margin: 0;    padding:0;}div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p {    margin: 0;    padding: 0;}img {    border: 0 none;   }*{	margin:0;	padding:0;	}li{    list-style:none;}.fl{	float:left;	display:inline;	}.fr{	float:right;	display:inline;	}a{    text-decoration:none;   color:#313131;}a:hover{    text-decoration:none;}.a_d{	height:22px;	padding:0 10px 0 5px;	border:1px solid #9dabb6;	border-radius:3px;	line-height:22px;	display:inline-block;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7f0f9));	background:-moz-linear-gradient(top, #ffffff,#e7f0f9);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e7f0f9,grandientType=1);	margin:100px 100px;	}</style></head><body><a class="a_d" href="#">保存</a></body></html>在ie8下 line-height没有垂直居中是怎么回事啊

登录后复制

回复讨论(解决方案)

line-height不设也可以，非得设就把边线也算上

line-height不设也可以，非得设就把边线也算上

不设置火狐就不兼容了有没有ie 火狐谷歌都兼容的办法啊

line-height不设也可以，非得设就把边线也算上

不设置火狐就不兼容了有没有ie 火狐谷歌都兼容的办法啊
line-height:24px
把边线的宽度算上

line-height不设也可以，非得设就把边线也算上

不设置火狐就不兼容了有没有ie 火狐谷歌都兼容的办法啊
line-height:24px
把边线的宽度算上

算上边框线火狐不兼容了都试过了火狐就多出两个像素了

line-height不设也可以，非得设就把边线也算上

不设置火狐就不兼容了有没有ie 火狐谷歌都兼容的办法啊
line-height:24px
把边线的宽度算上

算上边框线火狐不兼容了都试过了火狐就多出两个像素了
body {
    font: 12px/24px sans-serif;
    margin: 0;
    padding:0;
}
好像是字体问题前面几个删掉了就好了