忽略空格HTML

Question

HTML不是空白无知。例如，

<div> 
    <a class="test">A</a> 
    <a class="test">B</a> 
<div> 

与CSS

.test 
{ 
    display:inline-block; 
    min-width:100px; 
    background-color:#F00; 
} 

将导致两个环节之间的空间。有没有什么办法摆脱这个（也许是包装div的CSS属性）？

Answer 1

在这里，你可以找到很多的解决方案： http://css-tricks.com/fighting-the-space-between-inline-block-elements/

在我看来，最好的方法是使用一个display: block与float。

.test { 
    display: block; 
    float: left; 
} 

Answer 2

您可以将父母的font-size设置为0，但是您必须将其重置为所有孩子。

div { 
    font-size: 0; 
} 
.test { 
    font-size: 12px; 
    display:inline-block; 
    min-width:100px; 
    background-color:#F00; 
}