IE6/IE7下:inline-block解决方案
IE6/IE7下对display:inline-block的支持性不好。
有两种方法:
1、 先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display 要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回 inline或block,layout不会消失)。代码如下(...为省略的其他属性内容):
div {display:inline-block;...}
div {display:inline;}
2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1 或float属性等)。代码如下:
div { display:inline-block; _zoom:1;_display:inline;} /*推荐*/
div { display:inline-block; _zoom:1;*display:inline;} /*推荐:IE67*/
转载于:https://www.cnblogs.com/zjx2011/p/4922765.html
IE6/IE7下:inline-block解决方案相关推荐
- IE6/IE7下:inline-block不兼容的问题
IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素 ...
- 一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行 转载于:https://www.cnblogs.com/mabelstyle/p/3844739.html
- ie6,ie7下设置overflow:auto下滚动条不起作用
今天遇到一个比较特殊的情况:ie6,ie7下设置overflow:auto下滚动条出来了但是滚动条不起任何作用,但在火狐,ie8,ie9,谷歌等浏览器下正常显示.通过查询终于找到原因,只需要加一个po ...
- Ie6 Ie7 常见 兼容问题解决方案
下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3 ...
- ie6 ie7下使用clear不能将浮动的元素换行问题
在主流浏览器中使用clear方法可以轻松完成浮动元素的换行. 例如: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional ...
- ie6 ie7下,Li不能自动换行,出现竖排文字现象(PS:li不固定宽度,所有li同一行显示),在ie8却可以...
好久没写CSS,今天又发现一个ie兼容问题. 我需要所有的li在同一行显示,不固定Li的宽度,如果一行排不下,需要自动换行.当然Li的内容长度不同. 必须在li加white-space:nowrap; ...
- IE6,IE7下按钮(BUTTON)变宽
给按键添加个样式就OK了,没研究开始的时候就重置它,有空在完善下. .button{overflow: visible; padding: 0 .5em;} 很简单,不是吗. 转载于:https:// ...
- 使用Blackbird开源JavaScript库時,在IE6+、IE7下無法使用問題說明
在新聞 [url]http://www.iteye.com/news/3832-goodbye-alert-the-use-of-new-information-pop-up-box[/url] 發布 ...
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题...
解决IE6,IE7下子元素使用position:relative.父元素使用overflow:auto后,子元素不随着滚动条滚动的问题 在IE6,IE7下,子元素使用position:relative ...
最新文章
- MySQL 8.0 首个自适应参数横空出世
- 用jQuery设置多个css样式
- 82%开源软件兼容Windows
- python量化常用_简单介绍下量化分析的常用库TA-lib
- Python进阶(四)Python中的异常
- mybatis+oracle实现简单的模糊查询
- C语言新手记:相反数
- 神仙项目,轻松上手了解前后端分离!
- 植物大战僵尸存档关卡和金币修改
- An Efficient Joint Training Framework for Robust Small-Footprint Keyword Spotting(2020)
- 有人晒出程序员聚餐照片,网友:根据头发量能看出技术水平高低!
- 三阶魔方背后的神奇数学
- lopa分析_保护层分析(LOPA)的优势与局限?
- 一个屌丝程序猿的人生(九十)
- 07长电债今上市 公司债正式启航
- Fiddler工具使用与配置 【实例整理】
- 计算机导论知识点总结与试题
- 挤牛奶洛谷uasco
- 人工智能学习方法:课程大纲、计划、内容
- linux管道方式分页显示,linux命令中分页等管道符的使用