inline-block IE兼容处理
2017-07-29 11:34
281 查看
兼容性:
IE6、IE7不识别inline-block但可以触发块元素。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
1、首先设置inline-block触发块元素,具有了layout的特性,然后设置display:inline使块元素呈现内联元素,此时layout的特性不会消失。
2、直接设置display:inline,使用zoom:1触发layout。
兼容所有浏览器的方法是:
IE6、IE7不识别inline-block但可以触发块元素。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
1、首先设置inline-block触发块元素,具有了layout的特性,然后设置display:inline使块元素呈现内联元素,此时layout的特性不会消失。
2、直接设置display:inline,使用zoom:1触发layout。
兼容所有浏览器的方法是:
display:inline-block; *display:inline; *zoom:1;
相关文章推荐
- 兼容IE 6/7 inline-block
- inline-block属性在ie下兼容问题
- 兼容linux firefox和windows ie的xml处理代码
- IE6 IE 7 Firefox兼容处理
- inline-block的兼容问题--(用脚本生成标签的兼容)
- IE6/IE7下:inline-block不兼容的问题
- js 处理 ie和firefox window.frames 兼容问题
- IE67实现inline-block布局
- inline-block和text-indent在IE6,IE7下同时使用的兼容问题解决方法
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01
- 解决display: inline-block; 4px间隙的全兼容做法
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- IE和非IE的API事件兼容处理
- gradient渐变IE兼容处理
- 兼容Firefox IE Chrome的onkeydown事件处理方法
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--02
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- inline-block各浏览器兼容以及水平间隙问题解决方案
- 让IE、Firefox、Chrome中的LI都支持display-block的兼容写法