inline inline-block block 三者有什么区别

1.inline是行内元素，同行可以显示，像span、font、em、b这些默认都是行内元素，不会换行，无法设置宽度、高度、margin、border2.block，块元素，div、p、ul、li等这些默认都是块元素，会换行，除非设置float3.inline-block，可以同行显示的block，想input、img这些默认就是inline-block，出了可以同行显示，其他基本block一样，但是inline-block兼容性很差，要用需要写hackinline-block的hack如下：display: -moz-inline-stack;火狐2hack display: inline-block;vertical-align: top;撑出盒子的bug修复zoom: 1;后面两行IE7hack*display: inline;使用例子 ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}inline-block有个好处，就是div设置浮动只能实现居左，或者居右，而inline-block可以通过上级容器设置text-align:center实现块元素居中

---------------------------------

汪

 .dib-wrap{font-size:0; letter-spacing:-5px; *letter-spacing:normal; *word-spacing:-1px;}.dib-wrap .dib{display:inline-block; font-size:12px; *display:inline; *zoom:1; letter-spacing:normal; word-spacing:normal; vertical-align:top;}
第一项是display第二项定位第三性float