span间距问题

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

    11
    22


/* 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: