让ie浏览器支持display:inline-block的方法

方法一,利用css hack方式

IE7:

 代码如下 复制代码
display: inline-block;
*display: inline;
zoom: 1;

三者缺一不可。

IE6 :

 代码如下 复制代码

display: inline-block;
zoom: 1;
*display: inline;
_height: 250px;

方法二,

一个个来排序

 代码如下 复制代码

div {display:inline-block;...}
div {display:inline;}

直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:

 代码如下 复制代码

div {display:inline; zoom:1;...}
display:inline-block;zoom:1; *display:inline;

时间: 2024-11-08 22:07:22

让ie浏览器支持display:inline-block的方法的相关文章

HTML5之浏览器支持、新元素

HTML5之浏览器支持.新元素 现代的浏览器都支持HTML5.此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理.正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素.甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素(即让一些较早的浏览器(不支持HTML5)支持 HTML5). 1.将 HTML5 元素定义为块元素 HTML5 定了8个新的HTML 语义(semantic) 元素.

在支持HTML5的浏览器上运行WebGL程序的方法

  前提条件和预期结果 目前只有少数的浏览器支持 WebGL ,请看我的另外一篇文章:Can I use WebGL?. 下面的例子是在 Windows 下的 Chrome 16/23 以及 Android 下的 Firefox 17 进行测试.如果你使用的是非兼容浏览器访问则会弹出一个警告. 图1:包含 Hello world 文本的动画的 WebGL 立方体 在兼容 HTML5 的浏览器上,你将会看到如下图所示的带动画效果的立方体: 图2: 示例运行的屏幕截图 该代码基于 Lighting

css display:inline 防止html元素变成块元素

 css中,display:none; 的作用是让html元素隐藏,反之让其显示,通常使用 display:block;.但 display:block; 的另一个作用是,让当前html元素变成块元素.  像 <select>/<input>/<span> 等元素都属于占位元素,也就是说,这几个元素写在一起,但只占一行.而 <div>/<h1>/<h2>/ 等,都会独自占用一行.  现在有这么一个需求:在使用 display:none

解决IE浏览器支持CSS3圆角的方法

让IE浏览器支持CSS3圆角,在IE浏览器中实现圆角的效果,一般我们会采用圆角图片的方式来实现.那我们可以通过CSS3样式来实现网页圆角效果吗?        下面我们就来介绍一些在IE浏览器中通过CSS3实现圆角的方法,如何用CSS3样式表来实现圆角效果.要注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有在IE9才能支持CSS3和HTML5的标准.让IE支持CSS3的解析方法有很多,下面介绍一种实用的让IE支持CSS3解析的方法:IE利用VML矢量可标记语言作为画笔绘出

display:inline与float:left的正确解释

    首先我们要明确,display:inline;与float:left;正确含义.display:inline;(内联)<CSS权威指南>中文字显示:任何不是块级元素的可见元素都是内联元素.其表现的特性是"行布局"形式,这里的"行布局"的意思就是说其表现形式始终以行进行显示.比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线.如果是块级元素那么所显示的的黑线只

对display:inline;与float:left;的认识

这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰(例一.例二),所以特此专文澄清两者之间的区别与特性. 首先我们要明确,display:inline;与float:left;正确含义.display:inline;(内联)<CSS权威指南>中文字显示:任何不是块级元素的可见元素都是内联元素.其表现的特性是"行布局"形式,这里的"行布局"的意思就是说其表现形式始终以行进行显示.比如,我们设定一个内联元素border-botto

澄清display:inline;与float:left;的用途

这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰(例一.例二),所以特此专文澄清两者之间的区别与特性. 首先我们要明确,display:inline;与float:left;正确含义.display:inline;(内联)<CSS权威指南>中文字显示:任何不是块级元素的可见元素都是内联元素.其表现的特性是"行布局"形式,这里的"行布局"的意思就是说其表现形式始终以行进行显示.比如,我们设定一个内联元素border-botto

display:inline;与float:left;的用途

首先我们要明确,display:inline;与float:left;正确含义.display:inline;(内联)<CSS权威指南>中文字显示:任何不是块级元素的可见元素都是内联元素.其表现的特性是"行布局"形式,这里的"行布局"的意思就是说其表现形式始终以行进行显示.比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线.如果是块级元素那么所显示的的黑线只会在块的

微软Edge浏览器支持扩展程序后再使用

  IT之家讯 7月25日消息,Win10全新默认浏览器Microsoft Edge是微软在Windows10中的主打产品之一.这款浏览器在性能和功能上都有自己的独到之处,Win10正式版发布后,可能会成为谷歌Chrome浏览器以及火狐Firefox浏览器的有力竞争对手.和上述两款浏览器相同的是,Edge浏览器同样将会支持扩展程序,只不过这项功能仍在开发中,现在还不能与Win10正式版同步到来. 安全公司赛门铁克旗下的诺顿防病毒认为,不支持扩展程序的Edge浏览器存在风险,虽然该公司的安全服务同