inline-block Ie兼容写法

一直知道 inline-block 兼容写法是这样div {display:inline-block;*display:inline; *zoom:1;…}，最近搜的时候发现有个博客解释得很清楚，对于dipaly:tabel-cell的兼容写法是以inline-block来代替tabel-cell，而ie7的兼容写法就成了这样

 div{display:table-cell;*display:inline;*zoom:1;}

解释：dispaly:inline-block照顾的是ie8+的浏览器，这是正常的设置，在低版本的ie下设置行内块有2个条件，一个是行内，一个是设置宽高，触发layout即可设置宽高，而div设置了宽高后还是会换行，layout不是为水平而设置的，所以为块级元素转行内块加上了*display：inline属性，但是display：inline不会触发layout，于是加上zoom：1重新触发layout，于是就形成了一个可以“设置宽高的行内元素”

参考地址：http://blog.csdn.net/ac601458466/article/details/48850669