评论：display:inline-block的深入理解

来自：ZDN » inline-block,ie layout

ZDN » inline-block,ie layout — Wed, 27 Jan 2010 10:03:20 +0000

[...] inline元素不可以设置line-height ，inline-block可以设置，但是不会换行； IE中对内联元素使用 display:inline-block，IE 是不识别的，但使用 display:inline-block 在 IE 下会触发 layout，从而使内联元素拥有了display:inline-block 属性的表症。从上面的这个分析，也不难理解为什么 IE 下，对块元素设置 display:inline-block 属性无法实现 inline-block 的效果。这时块元素仅仅是被 display:inline-block 触发了 layout，而它本就是行布局，所以触发后，块元素依然还是行布局，而不会如 Opera 中块元素呈递为内联对象。—-《display:inline-block的深入理解》怿飞 [...]

来自：雅趴网

雅趴网 — Tue, 01 Dec 2009 06:46:51 +0000

楼上说的对啊。作者写的这句话有歧义。是声名两个，还是放在两个CSS里面？???都没说清楚。

来自：压滤机

压滤机 — Mon, 16 Nov 2009 01:20:30 +0000

两个display 要先后放在两个 CSS 声明中才有效果?
是在两个CSS里使用？
这样的话，还不烦死啊

来自：display属性和display属性对SEO的影响 | 微物之神

display属性和display属性对SEO的影响 | 微物之神 — Wed, 21 Oct 2009 13:59:39 +0000

[...] 关于这个更多请参考淘宝网怿飞的《display:inline-block的深入理解》一文。 [...]

来自：momo's

momo's — Wed, 21 Oct 2009 08:38:17 +0000

仔细实验过
第一个方法在IE8下不能实现,遨游却可以,同样IE 6,7也可以
display:inline-block IE8支持了遨游又不行了

我头大了

来自：米拉之落

米拉之落 — Tue, 20 Oct 2009 12:48:04 +0000

释疑了。如果是作为块对象呈递的话，会不会影响到中文分词或者搜索引擎对链接的分析呢？

来自：Moming25's Labs » Blog Archive » display:inline-block

Moming25's Labs » Blog Archive » display:inline-block — Mon, 19 Oct 2009 07:38:57 +0000

[...] display:inline-block的深入理解 display:inline-block的应用两例模拟兼容性的 inline-block 属性跨浏览器的inline-block [...]

来自：日落旅馆 » display:inline-block再总结

日落旅馆 » display:inline-block再总结 — Mon, 05 Oct 2009 08:44:09 +0000

[...] 其中，Firefox3 beta、IE8 、Opera、Safari 支持display:inline-block属性，而IE6/IE7/FF2不识别。通过display:-moz-inline-stack;可以使FF2支持display:inline-block。而对IE6/IE7先使用 display:inline-block 属性触发块元素，然后再定义 display:inline，可使块元素呈递为内联对象，从而实现类似display:inline-block;的效果。见怿飞的分析 [...]

来自：shevchenko

shevchenko — Sun, 27 Sep 2009 02:12:26 +0000

上述的两个方法是针对IE6和IE7，现在IE8也出来了，改如何解决！

来自：span元素的width问题 | 每一天，为明天

span元素的width问题 | 每一天，为明天 — Sat, 05 Sep 2009 17:59:09 +0000

[...] display:inline-block，意思是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。这个属性在 Firefox3 beta、IE8 beta、Opera、Safari 中得到支持。Firefox中有私有属性Firefox 下却有私有属性 -moz-inline-box 可是实现“神似”的功能（不完美，会有后遗问题，比如 text-align 不好用，需要用-moz-box-align来调整。感谢怿飞的文章《display:inline-block的深入理解》）。 [...]

来自：跨浏览器的inline-block| CSS| 前端观察

跨浏览器的inline-block| CSS| 前端观察 — Tue, 25 Aug 2009 13:11:12 +0000

[...] 翻译：On having layout display:inline-block的深入理解 [...]

来自：AilinTao' Diary » 兼容的display: inline-block

AilinTao' Diary » 兼容的display: inline-block — Tue, 25 Aug 2009 09:51:39 +0000

[...] 1; } 原理参阅: 1: http://dancewithnet.com/2007/10/30/css-display-inline-block/ 2: http://www.planabc.net/2007/03/11/display_inline-block/ 3: http://www.planabc.net/2008/04/08/cross_browser_support_for_inline-block_styling/ [...]

来自：PureCSS » Blog Archive » 跨浏览器的inline-block

PureCSS » Blog Archive » 跨浏览器的inline-block — Wed, 01 Jul 2009 09:14:58 +0000

[...] display:inline-block的深入理解 [...]

来自：» display:inline-block的几个应用及bug- WEB前端开发- 专注前端开发，关注用户体验

» display:inline-block的几个应用及bug- WEB前端开发- 专注前端开发，关注用户体验 — Sun, 21 Jun 2009 10:49:29 +0000

[...] 怿飞的display:inline-block的深入理解和模拟兼容性的 inline-block 属性； [...]

来自：vapour

vapour — Thu, 11 Jun 2009 13:57:25 +0000

非常不错。不过介绍的两种在IE中实现inline-block的方法只适用于IE6和IE7。IE8本身就支持display:inline-block

来自：股吧

股吧 — Mon, 01 Jun 2009 04:58:40 +0000

还不知道，ie对css声明这里存在这样的bug！！学习了！！！

来自：14px

14px — Sat, 25 Apr 2009 06:52:12 +0000

唔…表述有误，补充一下，inline-block是个值，而不是个属性。

来自：14px

14px — Sat, 25 Apr 2009 06:50:50 +0000

那么怎么证明IE6/IE7不是只是对inline-block支持不完整呢？

inline-block可以触发hasLayout，而且我不认为一个浏览器本身都不支持的属性会触发它所自带的属性。

http://msdn.microsoft.com/en-us/library/ms530751.aspx
在这份资料里，“New for ie8”的内容都已被标识出，是否可以证明在ie8以下的时代就已经支持了inline-block属性？

来自：统一查询网

统一查询网 — Mon, 20 Apr 2009 07:50:20 +0000

不错，学习了，css确实很烦。

来自：脚本爱好者

脚本爱好者 — Fri, 10 Apr 2009 06:42:32 +0000

study