（1）display:inline-block; 不支持ie7的解决方案

css:

.img{font-size:0;text-align:center;margin:0auto;}

/*display: inline-block;不支持ie7*/

.imgli{display:-moz-inline-stack;

display:inline-block;

*display:inline;

*zoom:1;

vertical-align:middle;

position:relative;/*解决因为父容器{display:inline;}问题导致Firefox中li里面的链接不可点的bug */

_position:static;/*解决因为IE6中因为上一行代码带来在{position:relative}容器中移位在bug */

width:200px;height:200px;vertical-align:middle;background:red;margin:10px20px;}

html: