IE6/7浏览器不支持display:inline-block?
浏览量:576
对于不支持的IE6/7浏览器该怎么办呢?如果是inline水平的元素(如a标签,span标签之类)跟上面一样,直接:
{display:inline-block;}
就可以了,对于这两个浏览器,其功效与*zoom:1;是一样的。
如果是block水平的元素,例如li标签。则需要多点代码,目前我知道的方法有两个,如下所示:
li {display:inline-block;...} li {display:inline;}
或者是:
li{display:inline; zoom:1;...}
去掉inline-block元素间的换行符空格间隙
<div style="letter-spacing:-4px;"> <img style="border-right:4px solid #066;" /><img style="border-left:4px solid #F36;" /> </div>