ie8以下不支持display:inline-block

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 208平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄8年

关注

原创 2024-04-09 17:37:17 208 阅读 AI 写同款· GEO 优化 ›

限时加码！20+主流AI编程工具免费用购周边加赠Coding Plan Lite，Claude Code、Cursor等即刻畅享，学习进阶更高效！阅读详情

将一个元素变成行内元素的时候，使用

display:inline-block;

不过ie8以下不支持，此时总的写法如下：

{
   display: inline-block;

   //以下代码只有ie8以下的能识别
   *display: inline;
   *zoom:1; 
}

收录于

当前文章被收录于：

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#css #前端

常见兼容性问题场景阅读详情

相关推荐

python blp模型估计_随机系数Logit模型及Stata实现

欢迎投稿(荐稿)计量经济圈，计量相关都行邮箱：econometrics666@sina.cn作者：北京交通大学经济管理学院博士生，王琦珀。欢迎你加入计量经济圈社群，一起探讨前沿计量理论和实证方法。一、随机系数Logit模型1.背景实证产业组织(Empirical Industrial Organization，EIO)是目前产业组织理论的前沿，其中又以Ariel Pakes为带头人，其近期工作论文...

weixin_42298927的博客 2624

inline-block兼容低版本IE浏览器~~在IE6/Ie7和IE8中

在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了layo

涂涂 1393

cadence CIS 库建立--建立自己维护的CIS数据库

遇到一个问题，在使用cadecnce的时候，就是没有自己的本地/分享的数据库。在画原理图或者PCB的时候，如果能搭建一个自己的数据库，在局域网或者本地就好了。出于这样的想法，做了一些探索，找到了一种可能的答案。由于数据库编制知识的缺乏，要自己建一个数据库似乎花费的时间会比较多。偶发奇想，如果能够改编CIS 自带的数据库另建立副本进行维护就能够省下不少麻烦。先说下CIS 是个啥。网上一搜：总之CIS 是个好东西。功能强大。点击CIS capture 中的 Options CIS Config

qq_29776365的博客 2万+

IE下块元素实现 display:inline-block

display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。目前支持的浏览器有：IE8、Firefox3、Opera、Safari 方案一：先定义 display:inline-block 触发 layo...

chizhanxi9865的博客 172

关于IE8以及以下版本不支持媒体查询的解决方案

众所周知，网页前端开发时兼容IE一直是很头疼的问题。今天接到一个需要响应式布局的问题，主要还要兼容IE8，9。在网上搜索了以下解决方案，现记录如下。首先，加入代码 [if lt IE 9]> --> 以解决IE8及以下不支持媒体查询。它通过js来hack IE浏览器。

blacider的博客 1万+

inline-block属性在ie下兼容问题

在IE8的IE流量器中，对display:inline-block属性支持不佳，需要攻略，这是一个经典的BUG。要解决这个问题，先让块元素变为内联，再使用（zoom:1 或float属性等来结局ie下的浮动或margin重叠等问题）触发块元素layout： div{display:inline-block;_zoom:1;_display:inline;}

ywj5200的专栏 766

display:inline-block兼容ie6/7的写法

display:inline-block兼容ie6/7的写法实例演示效果 display:inline-block作用? 使用display:inline-block属性，可以使行内元素或块元素能够变成行内块元素，简单直白点讲就是不加float属性就可以定义自身的宽、高，同时又能使该元素轻松在父元素居中显示！什么时候会用到display:inline-block? 在网站布局中，很多时候

ac601458466的博客 4362

关于display:inline-block;在ie8以下浏览器不支持的情况

这几天也是懒了，么什么进步今天遇到的问题，在ie10的兼容ie8还是好好的，就是单独的ie8浏览器，给em加点击事件不起作用？在我的页面测过了问题解决了，这个还得具体问题具体分析 .third_nav li a em{ display: inline-block; vertical-align: middle; background: url("../plugins/bootst...

weixin_30565199的博客 286

关于display:inline-block

display:inline-block是个很有用的css属性。块级元素可以自由控制长宽，可是如果不浮动会独占一行，而一旦浮动，又会带来一系列的其它问题需要考虑，这就在一定程度上限制了对块级元素的使用。行内元素可以很自然地在一行内显示内容，只是长宽是无法随意设置的，这也限制了行内元素的使用。举个简单的例子说明，如果我们需要给一排内的几个a标签设置成一个按钮的样式，它有长宽，有背景色，有边框，几个按

qd_jz_gaoxiao 665

IE6/Ie7 display:inline-block 不起作用

6542

display:inline-block兼容ie6/ie7的写法

display:inline-block兼容ie6/ie7/ie8的写法1. 实例效果2. display:inline-block作用?3. 什么时候会用到display:inline-block?4. ie6/7支持display:inline-block这个属性吗？5. IE7下块元素如何实现 display:inline-block6. IE7下块元素如何兼容 display:inline...

Guoye的专栏 632

display:inline-block，block，inline的区别与用法

一、首先要了解什么是块级元素与行级元素块级元素会占领页面的一行，其后多个block元素自动换行、可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等行级元素与其他元素在同一行上，高度，行高以及底边距不可改变，高度就是内容文字或者图片的宽度，不可以改变...

weixin_34128237的博客 192

display:inline-block终极解决方案

IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；

橘子小睿 1608

理解display:inline、block、inline-block

要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。块级元素总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的100%，除非设定一个宽度。块级元素通常作为其他元素的容器，可以容纳内联元素和其他块元素。block ...

aiguke3395的博客 271

inline-block什么意思中文_【CSS深入】之对inline-block的理解

display:inline-block属性是一个很神奇且被低估的属性。inline-block即行内块元素，具体而言就是:将对象呈递为内联对象(inline)，但是对象的内容作为块对象呈递(block)，两旁的内联对象会被呈递在同一行内，允许空格。简而言之就是:inline-block的元素既具有block元素可以设置宽高的特性，同时又具有inline元素默认不换行的特性。目前浏览器支...

weixin_36382907的博客 4375

理解display:inline、block、inline-block（兼容性）

ruoyiqing的专栏 1018

IE6:display:inline-block解决方案

IE6下对display:inline-block;支持的不是很好。网上有资料说：修改inline元素的display属性为inline-block后，所有的浏览器都是支持的。修改block元素的display属性为inline-block后，IE6及以下的老版浏览器都是不支持的。 display:inline-block; 将对象呈递为内联对象，但是对象的内容作为

zhoufmfk的专栏 379

CSS中的display:inline-block

1、display:inline-block 让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。 2、IE中的inline-block IE6不支持这个属性，但IE8开始支持这个属性。让IE6内联元素具备inline-block特性由于inline-block会触发IE的layout，所以IE6中只要...

weixin_33842328的博客 206

拜拜了,浮动布局-基于display:inline-block的列表布局张鑫旭博客笔记

by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1194 一、列表浮动布局的局限所以，如果我们要使用浮动布局列表，就必须限高，于是，不得已，需要裁掉超多的用户名信息。浮动本身就是个魔鬼，所以，使用浮动布局还需要修复其带来的副作

sentimental_dog的博客 2746

实现三个div同一行显示，IE6 and Ie7 :display:inline-block

IE6、IE7不支持display:inline-block div { display:inline-block; *display:inline; *zoom:1; } display:inline-block;和*display:inline;的顺序不要颠倒哦！代码如下：第一种:使用display:inline-block