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

1.inline是行内元素，同行可以显示，像span、font、em、b这些默认都是行内元素，不会换行，无法设置宽度、高度、margin、border
2.block，块元素，div、p、ul、li等这些默认都是块元素，会换行，除非设置float
3.inline-block，可以同行显示的block，想input、img这些默认就是inline-block，出了可以同行显示，其他基本block一样，但是inline-block兼容性很差，要用需要写hack

inline-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