Firefox Bug: inline/inline-block的间隙
作者：糖伴西红柿 来源：前端观察 发布时间：2009-11-03 13:20:00
标签：bug,firefox,inline-block
首先要说明的是，这个标题有点标题党的意思，这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常。之前写过两篇关于 IE bug 的文章，这里特意用了 Firefox bug 作为标题，是为了给自己找点心里安慰，省得总是埋怨 IE :)。
关于 inline-block，可以参考之前的一篇文章 跨浏览器的inline-block
这个 bug 是“痛在远方”同学碰到的，确实很诡异啊，貌似对标准支持越好的浏览器才会有这个问题。
如下图：
在 Firefox 下，inline/inline-block 的元素直接会有莫名的几像素(貌似是6px)的空隙。这个 bug 比较难发现，因为为了美观，一般的这种设计，inline/inline-block 的元素直接都会有一定的间距，再加上目前的浏览器对 inline-block 这个属性的支持并不是很好，这个属性应用的也不是很频繁。由跨浏览器的inline-block来看，要对浏览器做不少hack，代码量以及方便性上不如直接使用浮动。因此这个 bug 的影响其实不大。
要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行。
具体可以参见 demo。
0
投稿猜你喜欢
- myisam_max_[extra]_sort_file_size足够大delay_key_write减少io,提高写入性能bulk_ins
- 显示一个字符串的前几个字符，asp中我们一般使用left(str,n)来获取。left有个不足就是处理汉字和英文字符是一样的，没有区分开，这
- 下面继续为大家带来XHTML与HTML兼容的16条指引！1.避免将页面声明为XML类型，页面使用UTF-8或者UTF-16字符集。2.在空元
css usage是一个基于firebug的firefox扩展，可以用来查看页面中的CSS的使用情况，可以清楚的查看css文件中所有的规则在- 表单递交合法性检测-只接受数字。如下代码加入HTML的<head>区：<SCRIPT LANGUAGE=&quo
- 一、控制用户存取 1、创建修改用户Creating Users Create/alter user new_user identified
- 在本人看来，HTML 5是一个妥协方案，虽不激进，但更能推动技术的继续进步。没有命名空间，元素也不要求闭合（当然这并不是优点），浏览器也可以
- 网页兼容测试，除了做不同浏览器的兼容测试，还要观察网页在不同分辨率下的表现情况。在页面中使用了CSS绝对定位，发现在宽屏下错位。随后测试非1
- 文字链接可以说是网页中最常见的页面元素了，默认的文字链接样式都是带下划线的效果，这种一陈不变的外观可能使很多朋友都想改变它，以使之符合页面的
- 阅读之前：在看文章具体内容之前，希望你可以 先打开IE8,打开http://www.taobao.com,然后在地址栏里输入：javascr
- function getBytesLength(str){ var re=/[\x00-\xf
- 最近接触到一个心理学方面的理论：心流理论。大意是一种个人精力完全投注在某件事情上的感觉。心流产生时会有高度的兴奋和充实感。其实也就是说人在进
- 我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插
- 内容摘要合理使用渐变留白网格布局提高字体应用明确而有效的导航设计漂亮、有用的页脚介绍优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解
- Cookie是一种发送到客户浏览器的文本串句柄，并保存在客户机硬盘上，可以用来在某个Web站点会话之间持久地保持数据。Request和Res
- 今天做站时碰到个小问题：ASP正则获取文章内容图片地址，现在将此方法的思路拿出来分享下：Function RegExp_Execu
- 参数strSQL 要导出的SQL查询语句strFields 字段名称列表,如果为空字符,则使用SQL语句中的字段名用法示例:1:export
- 五、XML带来的好处 （1）更有意义的搜索 数据可被XML唯一的标识。没有XML，搜索软件必须了解每个数据库是如何构建的。这实际上是不可能的
- 尽管XML还处在开发阶段，其标准正在由W3C组织制定，但是已经有许多公司表示全力支持XML，并开发了不少XML工具。Adobe公司的Fram
- 多版本并发控制Multiversion Concurrency Control大部分的MySQL的存储 引擎，比如InnoDB，Falcon
