189 8069 5689

inline-blockIe兼容写法-创新互联

一直知道 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兼容写法-创新互联
当前网址:http://cdxtjz.com/article/dippoc.html

其他资讯