让IE7支持display: inline-block;

最新推荐文章于 2024-09-30 08:51:48 发布
最新推荐文章于 2024-09-30 08:51:48 发布
阅读量399 收藏
点赞数 1
文章标签： ie 7 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012124764/article/details/51287486
版权 
/*原来的CSS*/
.tab-tit ul{
  font-size: 0;
}
.tab-tit ul li{
  display: inline-block;
  font-size: 14px;
}
/*修复后的CSS*/
.tab-tit ul{
  font-size: 0;
}
.tab-tit ul li{
  display: inline-block;
  zoom: 1;
  *display: inline;
  _height:30px;/* IE 6*/
  font-size: 14px;
}

注意：使用display: inline-block使的li在一行上显示,而不是float：left；为了去掉li之间由于回车或空格造成的空隙，要将ul的字体大小设置为0，即font-size:0；

sfwgho
关注
inline-block是html5,详解CSS display:inline-block的应用
weixin_36016076的博客
06-15 699
本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。基础知识display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了 inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既...
ie6/7不支持块级元素display:inline-block属性的兼容
yovven的博客
10-21 365
原文来自：IE6/IE7下：inline-block解决方案 IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作...
关于ie7下display：inline-block；不支持的解决方案。
weixin_34168700的博客
08-18 239
今天码的时候遇到这个问题了。 如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。 相反，如果本身是块级元素的，把它设为display：inline-block; 那么ie6/ie7都是不支持的。 IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发l...
关于IE7的display:inline-block失效问题
soos的博客
06-14 1011
有时候我们必须要有display：inline-block;属性，但是IE7并不支持，这是开发过程中经常会遇到的问题，下面特意记录一下以便后期使用： 解决IE7不支持display：inline-block问题： .selector{ display:inline-block; *display:inline; *zoom:1; } 注意：zoom:1是必须的。
兼容IE7 的 display: inline-block；
weixin_48195664的博客
07-11 126
【代码】兼容IE7 的 display: inline-block；
ie6/7 display:inline-block
Guoye的专栏
07-04 231
IE6/IE7下对display:inline-block的支持性不好，体现下面2点 inline元素的display属性设置为inline-block时，所有的浏览器都支持； block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用此特性的...
关于ie7下display：inline-block；不支持的解决方案
u011296285的博客
10-09 5454
今天码的时候遇到这个问题了。 如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。 相反，如果本身是块级元素的，把它设为display：inline-block;  那么ie6/ie7都是不支持的。 IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发l
display:inline-block与float:left的区别
qq_29055201的博客
12-10 1484
display与float是我们常用的布局方式。像display:inline-block;与float:left是我们将元素水平排列的方式。像水平导航栏就可以用这两种方式去实现。那这两种实现方式有什么区别呢？ 1.display: inline-block;会产生留白，需要将父元素的font-size设置为0，消除留白。 // html部分 <ul class="inline"> ...
display:inline inline-block block
zzzley的博客
11-24 960
display：block，inline，inline-block
网页制作---CSS使用display：inline-block布局
Fayeni的博客
07-20 1167
css之display:inline-block布局 1.解释一下display的几个常用的属性值，inline ， block， inline-block inline: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行.  不能更改元素的height，width的值，大小由内容撑开.  可以使用padding，margin的left和right产...
CSS属性display:inline-block用法深入理解
09-25
要让IE支持`inline-block`效果，有以下两种常见的解决方案： 1. 使用双`display`属性技巧：先设置`display:inline-block`触发layout，然后立即设置`display:inline`。代码示例如下： ```css div { display: ...
让IE6/IE7支持display:inline-block属性的两种方法
09-25
然而，IE6和IE7这两个较老的浏览器对`display:inline-block`的支持并不完善，这给开发者带来了不小的困扰。为了解决这个问题，本文将详细介绍两种方法，使得这些旧版IE浏览器也能正确地处理`display:inline-block`。...
display:inline-block的原理分析
09-25
IE 6 和 7 不直接支持 `display:inline-block`，但在某些情况下，对内联元素设置 `display:inline-block` 会触发 "layout"，这是一种 IE 特有的行为，使元素获得类似 `display:inline-block` 的效果。然而，对于块级...
CSS 的user-select属性，控制用户是否能够选中文本内容
读心悦
09-29 389
CSS的属性是一个在CSS3 UI规范中新增的功能，用于控制用户是否能够选中文本内容。这个属性在保护网站内容不被轻易复制、提高用户体验等方面有重要作用。以下是关于。
vue 项目打包更新后，界面未刷新时js与css资源加载404，监听资源文件404后自动重新加载页面。
xuelong的博客
09-27 294
希望可以监听到资源文件加载404时，刷新界面，解决打包后由于文件名的变化导致点击旧页面时 JS 和 CSS 文件出现 404 错误。使用方法下面方法来监听资源文件加载异常。
在线css像素px到rem的转换器
最新发布
key12315的专栏
09-30 269
在线css像素px到rem的转换器
React【vite使用模块化css】
qq_32019935的博客
09-27 463
一般编写组件样式的时候我们都需要做对样式的模块化，以防止组件样式间的样式污染。在vue中有hash限制选择器在react中有样式模块化。
css的背景background属性
Citrus的博客
09-28 1056
background 是一个复合属性，它允许你一次性设置多个与背景相关的样式。background属性还可以设置不同的子属性。
CSS深度解析：display:inline-block属性及空隙问题解决方案
- IE6/7不直接支持`display:inline-block`，但可以通过一些技巧模拟该行为，如使用`*display:inline;`和`*zoom:1;`。这会触发IE的“hasLayout”特性，使元素呈现类似`inline-block`的效果。 - 对于IE8及更高版本和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值