inline-block的和它的容器之間的附加差距

Question

我的代碼是

HTML：

​​

CSS：

div { 
    border: 1px solid; 
} 

#container { 
    display: block; 
    width: 100%; 
    height: 60px; 
    margin: 0; 
    padding: 0; 
    font-size: 24px; 
} 

#content { 
    display: inline-block; 
    vertical-align: middle; 
} 

現場演示：jsFiddle

有同樣的問題與line-height: 60px：jsFiddle，並與中心格：jsFiddle

Answer 1

設置font-size: 0;父容器和font-size: your_size;兒童。

修改示例：http://jsfiddle.net/Ry2DY/2/