忽略空格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;
}