display:inline-block的兼容性问题
来源:互联网 发布:21天精通javascript 编辑:程序博客网 时间:2024/05/08 01:43
兼容性:
IE6、IE7不识别inline-block, 支持宽高,不支持在一行显示。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。
兼容所有浏览器的方法是:
{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle; /*去掉下边距*/
}
display:inline-block元素间会产生多余空白,这是inline-block本身特性!
(行内块):
特点:
a). 默认可以设置宽、高
b). 受回车和空格影响
c). 并排一行
去掉下边距:
vertical-align:middle; /*去掉下边距*/
去掉右边距:
font-size: 0; /*加给父元素 去掉块右边距*/
1 0
- display:inline-block的兼容性问题
- inline-block的兼容性问题
- display:inline block inline-block 的区别
- display:inline block inline-block 的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- display:inline、block、inline-block的区别
- LeetCode简单题
- Arduino工程源码分析
- android 软键盘遮挡布局
- Codeforces Beta Round #8 A. Train and Peter KMP
- swift中字典
- display:inline-block的兼容性问题
- 清明节
- Could not retrieve mirrorlist http://mirrorlist.centos.org/?release=7&arch=x86_64&repo=os&infra=stoc
- OPENGL渲染管线理论
- SSL 1624——小萨的烦恼【最短路】【枚举】
- 经纬度转换的简要总结
- hello world
- java算法思考--二分法
- datepicker自定义显示年月日