1

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.

4

2 に答える 2

2

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

于 2013-03-12T16:31:33.657 に答える
1

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

#wr>div{
    display:inline-block;
    background:black;
    font-size:0px;
    line-height:0px;
    margin:0px;
    padding:0px;
    float:left;
}
于 2013-03-12T16:24:39.287 に答える