参考：http://myqianduan.diandian.com/css/1208110900
我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用。
我们发现内联对象inline给它设置height和width是没有用的，致使它变宽变大的原因是内部元素的宽高+padding。观察inline对象的前后元素我们会发现Inline不单独占一行，其它元素会紧跟其后。
块对象block是可以设置宽高的，但是它的实际宽高是本身宽高+padding。观察block的前后元素我们会发现block要单独占一行。
当看到这里的时候我们就会想，如果我们即需要div有宽高，又不希望它独占一行怎么办？
这个时候我们就需要使用inline-block了，再观察一下上图，我们会发现inline-block即具有block的宽高特性又具有inline的同行元素特性。
最后提醒一下，IE6/7下padding对inline的宽高是对其没影响的。：
相关推荐
NULL 博文链接：https://tianqiushi.iteye.com/blog/2101378
NULL 博文链接：https://hc24.iteye.com/blog/832493
display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有：Opera、Safari。 但很遗憾，最...
inline/inline-block这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常,要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行,需要的朋友可以参考下
1、display:inline-block 让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。 2、IE中的inline-block IE6不支持这个属性，但IE8开始支持这个属性。 让IE6...
曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已...
css块状元素与内联元素以及inline-block
元素均分宽度、两端自适应对齐的布局在移动web项目中的需求还是挺多的，使用inline-block元素，配合text-align:justify，再注意处理好一些细节问题，便可以在现代浏览器上实现两端对齐，但是最后一行的处理却是个...
主要介绍了inline-block带来的元素间距问题解决,同时附上block和inline以及inlinke-block的作用对比,需要的朋友可以参考下
IE6中inline-block与text-indent同时使用时没想到也存在BUG,给a标签加上文本后使用text-indent将文字“隐藏”掉,在谷歌中显示完好，放到IE6中测试，却显示的很诡异,于是搜集整理中
本文提供inline-block空隙--letter-spacing与字体大小/字体关系数据表，需要的朋友可以参考下
为了弥补inline和block的不足，又扩充了inline-block属性； inline-blcok可以将对象呈递为内联对象，而内容作为块对象呈递。 通俗点讲就是“可定宽高的堆在一起”显示 为什么会有间隙 inline-blcok块之间的不可见...
display:block就是将元素显示为块级元素. block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , <form>, <ul> 和 是块元素的例子。
使用display: inline-block构建的简单网格系统。 有关此技术如何工作的更多信息，请阅读。 安装 有几种方法可以做到这一点。 下面列出了两个： NPM 安装它 npm install inline-block-grid --save-dev 如果你这样做...
各浏览器inline-block 元素默认的间隙，与字号。两个input，通过改变父元素font-size，用js计算他们之间空白的距离。貌似跟字体也有关系，测试时没有设置字体，也就是默认的字体。IE全系列chrome 39.0.2171.95(64-...
迫切需要的方法：inline-block法居中。基本方法是使用 display: inline-block, vertical-align: middle样式和伪元素让内容块在容器中居中。我的实现用到了几个在其他地方见不到的新技巧解决了一些问题。 内容区...
但是，由于display:inline-block最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以可以置身于inline水平的元素中。...
在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，它可以将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格。本文向大家描述一下CSS属性...
一年前网上还找不到关于 inline-block 属性的文章，为了方便大家更好的理解该属性，当时总结整理了篇《display:inline-block的深入理解》。 而现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Fire...