内联块在firefox中添加额外空间

Question

我有一个网页,我已经将我的div与内联块属性叠加在一起.但是,它只在Firefox中的两个div之间增加了额外的间距.该设计在Safari和Chrome中保持一致.

这是小提琴的样本.

#main {
    display: block;
}
#sub11, #sub12, #sub21, #sub22,  #sub31, #sub32 {
    display: inline-block;
    background:red;
    padding:0;
    //margin-right:-4px;
    margin-top:3px;
    margin-bottom:3px;
}

Firefox 在行GHI和TRY行之间增加了额外的空间,而ABC和GHI与TRY之后的其他行一致.

Answer 1

代码:

 display: inline-block;

将显示空格,您将需要添加一个浮动,以便它们直接相互显示.

尝试添加一个:

float:left; 

到你的#sub11等.