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

最新推荐文章于 2022-08-21 17:36:46 发布
最新推荐文章于 2022-08-21 17:36:46 发布
阅读量1.1k 收藏
点赞数
分类专栏： xhtml+css 文章标签： 浏览器 firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cnxlx/article/details/3445467
版权

FF无法识别inline-block，怎么办呢？

 

display: -moz-inline-box !important;display: inline-block;

 

-moz-inline-box 是Firefox 的私有属性也可以用-moz-inline-stack

 

但是如果用了-moz-inline-box 会导致内容无法居中

 

这时你可以加上

-moz-box-pack:center
 
一切ok了
cnxlx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
FF(火狐浏览器)下解决按钮的水平居中
12-13
按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）； 按钮文字居中是不行的（此时设置padding-bottom是没用的） ； 等等… input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-...
火狐浏览器中字符截断‘...’效果失效
weixin_30617695的博客
11-07 630
<span> <a>超过被截断</a> </span> 　　html布局如上面代码 span{ display:inline-block; width:200px; overflow: hidden; white-space: nowrap; text-overflo...
CSS:IE6/Ie7 display:inline-block 不起作用
把项目开发中遇到的问题记录下来
09-28 1878
在 IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素 拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline- block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了l...
display: inline-block的总结
游坦之的博客
08-21 1978
我尝试了很多种办法，设置高度，浮动，定位什么的都没有用，后来看了一下网易云音乐的源代码，发现他用到了这个display:inline-block;同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则不会。由效果图可以看出，display：block 虽然支持宽高、内边距、外边距的设置，但是每一个block后面，都会默认自动添加一个换行符。由效果图可以看出，inline不支持设置宽高、内边距，外边距，即使设置了也不会产生应有的效果。
display block 无法显示_display:inline-block产生的问题
weixin_33587161的博客
01-13 1031
以前看张鑫旭大神的《css世界》有说到这个问题，没有总结再加上很长时间没用过，前两天看到别人博客才回想起来，顺手记录一下。设置display：inline-block的元素放在一起会产生间隙（简略html代码）： <style> li{ list-style: none; display: inline-...
当inline-block或者float失效的时候怎么弄
xiaozhen0610的博客
07-18 758
当我们想要元素水平排列的时候，inline-block或者float是最好的选择了，但是当父元素的宽高都设置了的时候，子元素会失效，如下： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
有关display:inline-block在FF出现空白的解决方案
03-17
NULL 博文链接：https://qiyan86-163-com.iteye.com/blog/551754
css firefox火狐浏览器下的兼容性问题
12-09
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会...
FF（火狐）浏览器无法执行window.close()解决方案
09-04
主要介绍了FF（火狐）浏览器无法执行window.close()解决方案,需要的朋友可以参考下
Firefox Bug: inline/inline-block的间隙采用代码缩进可解决
09-25
inline/inline-block这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常,要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行,需要的朋友可以参考下
如何解决IE6/IE7不识别display:inline-block属性
09-25
ie6，ie7的haslayout属性是个让人头疼的问题，想到一个属性display:inline-block;对！inline- block就是干这个事的，让一个元素既不换行又具有block元素的特性
深入研究display:inline-block在浏览器中的应用
weixin_34375233的博客
04-13 75
写在前面的话，在我开发CSS的过程中，我发现很多诡异的问题都是对概念理解有偏差，所以在每篇开始的时候，我都把W3c的解释拿出来晒晒。个人经验，很多的问题看看W3C一般都能够解决，W3C是最好的参考书。 官方解释：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 按照这个解释：支持的浏览器有（ie8,ie9,chrome,firefox3.6+,由于我...
让IE、Firefox、Chrome中的LI都支持display-block的兼容写法
Kinley.H的专栏
03-07 4713
转自：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的两种方法与@import
固体胶的笔记本
09-30 815
引用外部CSS有两种方法.一种为HTML的标签.一种为CSS的@import url命令. 这两种方法从外用引用CSS的功能上是一样的.不过 link 与 @import 在显示效果上还是有很大区别的.基本上来看 link 的加在会在页面显示之前全部加载完.而@import 会是读取完文件之后加载。IE下@import加载页面时开始的瞬间会有闪烁（无样式表的页面），然后才恢复正常（加载
让表格也能overflow:hidden？
固体胶的笔记本
09-24 475
当div里的内容超出了div的宽度，为了防止内容把div撑破，我们可以用overflow:hidden来隐藏掉超出的内容！而这个语句在表格td下却不起作用！在table下加上table-layout: fixed;　就可以让表格跟div一样也能自动隐藏掉超出宽度的内容了！
设置text-indent:-9999px;为何没有效果？
固体胶的笔记本
11-01 464
Text-indent 仅仅对 block, table cells, inline block才有效果，而且text-align:left;才有效果。对inline的元素没有效果。
安卓手机网站制作声明
固体胶的笔记本
09-05 333
在iPhone的浏览器中将以原始大小显示，并不允许缩放。 其中： width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 max
item { display: inline-block; width: 100px; text-align: center; cursor: pointer } .item a { color: #e5ff10; } .item:hover { background-color: #45ff35; }
最新发布
05-10
其中，`.item` 是一个类选择器，表示选中所有 class 属性为 item 的元素，`display: inline-block` 表示将元素设置为行内块元素，`width: 100px` 表示设置元素的宽度为 100 像素，`text-align: center` 表示设置文本...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值