css inline-block

行内块元素像所有块级元素和行内替换元素（input img button）一样，也有属性width和height

（注：行内元素也可以设margin）

块元素转换为行内块元素：

P{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    zoom:1;
}
/*直接让块元素设置为内联对象(display:inline)，然后通过zoom:1触发块元素的layout*/

行内元素转换为行内块元素：

span{
    display:inline-block;
}

使用inline-block可能会产生空白符问题。解决方案：

父级元素设置 letter-spacing:-0.3em; word-spacing:-0.5em; 

子元素设置    letter-spacing:normal; word-spacing:normal;

引自：奇舞团