span间距问题

span布局中常常会遇到这种问题：
由于父级元素设置了font-size且span(其实不止是span，确切说是子元素)设置了行内块样式，导致span间的空格和换行会有空隙 like this:

<div>
    <span>11</span>
    <span>22<span>
</div>

/* CSS */
div{
    font-size：20px；
}
span{
    display:inline-block;
}

解决办法为：
1、父元素font-size设置为0
2、子元素（span）单独设置字体
like this:

/*css*/
div {
    font-size: 0;
}
span {
    font-size: 20px;
    display: inline-block;
}

效果like this: