css display:inline-block兼容ie6及火狐

最新推荐文章于 2019-09-20 17:14:10 发布

原创最新推荐文章于 2019-09-20 17:14:10 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

div+css 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用CSS和HTML创建响应式网页布局，通过使用浮动、定位和媒体查询技术，实现不同设备上的良好用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
    .box{width: 400px;height: 200px;background-color: #e4f1fb;overflow: hidden;}
    .nav{display: inline-block;*display: inline;zoom: 1;}
</style>
<div class="box">
    <div class="nav">11111</div>
    <div class="nav">22222</div>
</div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dinphi

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Firefox Bug: inline/inline-block的间隙采用代码缩进可解决

09-25

inline/inline-block这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常,要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行,需要的朋友可以参考下

css display inline block 兼容性问题写法

09-24

今天在写布局的时候发现的一个bug，如果不这样就达不到预期的效果，无法两行排列，原来ie6、ie7下对display:inline-block不支持，所以需要用到css hack才可以

1 条评论您还未登录，请先登录后发表或查看评论

FF火狐浏览器下inline-block不起作用怎么办？

固体胶的笔记本

12-04

1189

FF无法识别inline-block，怎么办呢？ display: -moz-inline-box !important;display: inline-block; -moz-inline-box 是Firefox 的私有属性也可以用-moz-inline-stack 但是如果用了-moz-inline-box 会导致内容无法居中这时你可以加上-moz-bo

【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨

weixin_33716557的博客

12-24

223

初始问题描述最近在学习CSS的display属性时，遇到一个在IE6/7下html块级元素设置inline-block属性的兼容性问题，于是就查资料，网上很多关于这个问题的解答，大致的描述如下：[1] IE6、IE7支持对html行内元素设置inline-block。实际上只是看起来支持而已，IE6、IE7并不识别inline-blo...

display:inline-block firefox bug

diaosheng8387的博客

10-11

146

display: inline-block; display: -moz-inline-box; 转载于:https://www.cnblogs.com/anyaran/p/3362816.html

CSS属性display:inline-block用法深入理解

09-25

早期版本的Firefox不完全支持此属性，而是使用其私有属性`-moz-inline-box`，但这个属性存在一些问题，比如可能导致文本对齐问题，需要使用`-moz-box-align`来解决。由于这些限制和潜在的兼容性问题，通常建议避免...

display:inline-block的原理分析

09-25

例如，旧版本的 Firefox 使用 `-moz-inline-box` 来模拟 `display:inline-block` 的效果，但这可能导致一些问题，如 `text-align` 属性的不正常行为，可能需要借助 `-moz-box-align` 解决。因此，通常建议避免使用...

CSS教程：inline-block在各浏览器的显示

12-03

通过同时设置`display: -moz-inline-stack`和`display: inline-block`，可以确保在Firefox 2和其他支持`inline-block`的浏览器中都能正常工作。然而，这可能会引入新的问题，如元素间距的异常，此时可以通过在`<li>`...

关于css display: inline block inline-block的区别分析

01-21

但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inline-box 和inline-block 形似，为什么是“形似”而不是“神似”呢...

让IE、Firefox、Chrome中的LI都支持display-block的兼容写法

Kinley.H的专栏

03-07

4867

转自：http://www.cnblogs.com/langzs/archive/2012/03/08/2385087.html 在制作简易模板时，店招的导航条结构大致如下： div class="nav"> ul> li>a href="#">em>首页em>a>li> li>...li> .... ul> div

[转]css中display:inline-block

weixin_30922589的博客

08-04

250

很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距。今天看到了怿飞、秦歌和乌龙茶关于display:inline-block的文章，很不错，综合一下，记录下来。display:inline-block简单来说就是将对象呈递为内联对象，但是对...

DIV 设置 display：inline-block 导致 DIV 对不齐的解决方法

chrisyard的博客

07-25

2491

1.将div的样式中加上，vertical-align:top; 2将inine-block改为inline-table

WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理--01

weixin_30414155的博客

05-14

1066

兼容问题目录 1、IE6下怪异盒模型 2、IE6下最小高度问题 3、IE6下不支持1px的点线 4、IE6下内容会把父级的高度撑开 5、IE6下只支持给a标签添加伪类 6、IE67下不支持给块标签加display:inline-block 7、IE8以及IE8以前的浏览器都不支持opacity 后续兼容性问题处理链接地址： http://blog.csdn.n...

有关display:block、display:table在IE、火狐的兼容性问题

fygkchina的专栏

07-17

6888

最近在作项目的时候碰到一个问题，就是需要AJAX来交互显示两个table，按照常理，对于一个表格需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏览器中显示正常，没有任何问题。在火狐下就有问题了，表格始终只显示原来的60%左右的宽度。　　然后通FireBug去看了下源码，调试下了，发现是display:block属性问题。

div设置display:inline-block属性产生空白间距

泡泡的博客

07-07

1115

使用 inline-block 的时候，ie8、chrome、firefox、opera 以及 safari 浏览器下，两张图片之间有“空白间隙。平时写代码，为了使代码看上去“层级分明”，通常会在标签结束符后顺手打个回车，而回车会产生回车符，回车符相当于空白符，通常情况下，多个连续的空白符会合并成一个空白符，而产生“空白间隙”的真正原因就是空白符。去除空白符的存在只需

display:inline-block的兼容性问题

jason_lyp的博客

04-05

5724

兼容性： IE6、IE7不识别inline-block，支持宽高，不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法：原理 : 直接将块元素设置为display:inline呈现为内联对象，然后触发layout(如zoom:1)。兼容所有浏览器的方法是： { displ

css样式对于ie和火狐兼容性写法1

weixin_34327761的博客

10-19

668

前台样式最烦人的就是各种浏览器跟分辨率的兼容问题首先需要了解各个浏览器之间样式在哪几方面容易出问题IE支持自定义光标文件cursor:url()IE支持自定义滚动条颜色风格IE6中的select有永远处在最上的bug,而且css对select不起作用。在form中，IE支持label，包括文字和图片；但是火狐不支持图片的label，点击图片不能让label for的radi...

ie浏览器display:inline-block显示异常

dadada_youzi的博客

09-20

837

添加display:-ms-inline-grid后显示正常

display:inline-block的特性，如何去除标签之间的空白间隙

ygyygyygy的博客

07-15

517

内联元素：是不可以控制宽和高、margin等；并且在同一行显示，不换行。块级元素：是可以控制宽和高、margin等，并且会换行。 inline-block 详解一句话就是在CSS中通过display:inline-block对一个对象指定inline-block属性，可以将对象呈递为内联对象，但是对象的内容作为块对象呈递。在CSS中，块级对象元素会单独占一行显示，多个block元...

解决display:inline-block在Firefox中产生空白的问题

然而，在使用display:inline-block进行布局时，开发者可能会遇到一个常见的问题，即在Mozilla Firefox浏览器（通常简称为FF）中出现不必要的空白或空隙。在display:inline-block布局中，空白问题通常是由于HTML中...