博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
display: inline-block;
阅读量:6176 次
发布时间:2019-06-21

本文共 431 字,大约阅读时间需要 1 分钟。

第一次写博客,特别兴奋。。今天就聊聊display: inline-block; 这个属性

1.display: inline-block;的特点

  将对象呈现为内联对象,但对象的内容呈现为块级对象呈现。(我的理解是,块级对象以内联的形式在同一行显示。)主流浏览器均支持该属性,但ie6、ie7表现会有些异常:

  I、如果自己本是内联元素,那么再设置为display:inline-block,则表现正常

  

  ie6下的表现正常(span为内联元素)

  

  II、如果自己本身是块级元素,再设置为display: inline-block; ie6、ie7表现异常

  

  

 

  针对这种bug的解决方案是启动ie6、ie7的haslayout,将display设置为inline就一切ok啦~~~

  

  

  

  

    

  

转载于:https://www.cnblogs.com/shuilinger/p/4169480.html

你可能感兴趣的文章
分布式和事务
查看>>
C#学习常用类(1002)---KeyValuePair<TKey, TValue> 结构
查看>>
浅谈grep命令查找匹配内容的使用、参数、正则
查看>>
磁盘配额
查看>>
UserInputControls用户输入控制
查看>>
我的友情链接
查看>>
Nginx+Lua架构开发目录贴
查看>>
mysql备份方法(热备)
查看>>
scala匿名函数
查看>>
vlan技术【实现】vlan简介和SVI实现不同vlan间通信
查看>>
scrapy爬虫初步尝试
查看>>
陈松松:视频制作不出来,跟这7个思维有九成关系
查看>>
形参和实参有何区别
查看>>
我的友情链接
查看>>
MySQL表结构的导入和导出MySQL表结构的导入和导出
查看>>
JavaSE 学习参考:Map容器遍历
查看>>
salt模块命令
查看>>
基于TBDS的flume异常问题排查过程
查看>>
2017/5 JavaScript基础7--- 数组
查看>>
网络时常断网的解决办法
查看>>