一直知道 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

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：inline-blockIe兼容写法-创新互联
网页URL：http://scyanting.com/article/dippoc.html