小编Ale*_*lex的帖子

我在一条线上有6 DIV秒display:inline-block.但是他们之间有一个奇怪的白色空间,我怎么能摆脱它呢？它们应该在容器中装入一行.

小提琴:http://jsfiddle.net/y7L7q/

HTML:

<div id="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

CSS:

#container{
    width:300px;
    border:1px solid black;
}
.box{
    display:inline-block;
    height:50px;
    width:50px;
    background-color:black;
    margin:0;
    padding:0;
}