display:inline-block

display:inline-block 的详细介绍至PlanABC

display:inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内

支持inline-block的浏览器：Opera、Safari

各浏览器中的hack：

1.Opera中出现多余外边距：

vertical-align:middle;

2.IE下实现inline-block：
div {display:inline-block;}

div {
*display:inline;
*zoom:1;
}

/*两处display需要分开声明*/

3.Mozilla(FireFox 2.x)浏览器实现方法：(FF 3.0开始已经全面支持inline-block)

div {
display:-moz-inline-box;/** FF 实现inline-block**/
-moz-box-pack:center; /** FF 解决水平居中**/
-moz-box-align:center;/** FF 解决垂直居中 **/
}