css - CSS：display：inline-非表示のパディングをブロックする

Question

http://jsfiddle.net/QYtnL/

<div id="wr">
    <div></div>
    <div></div>
    <div></div>
</div>

#wr {
    background:red;
    text-align:center;
}
#wr > div {
    display:inline-block;
    background:black;
    font-size:0px;
    line-height:0px;
    margin:0px;
    padding:0px;
}

How to remove that annoying padding, to make all divs 0px height? If i'm removing display:inline-block; , it's gone, but i need inline-block.

Answer 1

@peteが上記のコメントで示唆したように、に与えfont-size:0px; line-height:0pxてdiv#wrください。 私の意見では、値は値に依存するので
、与えるだけfont-size:0pxで十分です。line-heightfont-size

Answer 2

float:leftこのように追加できます。

#wr>div{
    display:inline-block;
    background:black;
    font-size:0px;
    line-height:0px;
    margin:0px;
    padding:0px;
    float:left;
}