在css设定中,大家1般用行高line-height来设置某1行的高宽比,这在ie7与firefox等访问器都可用。但当行中有别的元素时(如照片,SPAN,li..)在IE6.0下line-height会不见效果,后来查了下材料,果真这般,材料以下:
当在1个器皿里文本和img、input、textarea、select、object等元素相连的情况下,对这个器皿设定的line-height标值会无效; 另外以上元素的行高将会×2:
受危害的访问器:
Microsoft Internet Explorer 5.01 / Windows
Microsoft Internet Explorer 5.5 / Windows s
Microsoft Internet Explorer 6
处理方式:
对和文本相联接的img、input、textarea、select、object等元素加以特性
margin: (隶属line-height-本身img,input,select,object高宽比)/2px 0;
vertical-align:middle
示比如下:
原编码以下:
.shouchang{width:200px;float:left;line-height:24px;}
当代码以下:
.shouchang{width:200px;float:left;line-height:24px;}
.shouchang img{margin:3px 0;vertical-align:middle}
2.假如全部网页页面中有许多Img时,能够立即界定
img{
margin: (隶属line-height-本身img,input,select,object高宽比)/2px 0;
vertical-align:middle
}
这样难题便可以处理!