2个标记之间的换行符会导致HTML中的空格

Question

我有一个用于按钮选择器的HTML / CSS代码。

您可以在http://jsfiddle.net/NnR6d/

看到它

HTML代码

<div>
    <button>Button 1
    </button><button>Button 2</button>
</div>

CSS代码是

button{
    margin:0;
    border:none;
    background:green;
}

今天，我想组织HTML代码。所以我把它改成了这个

<div>
    <button>Button 1</button>
    <button>Button 2</button>
</div>

我惊讶地发现用户界面破了！现在我在按钮之间有一个空格。

您可以在http://jsfiddle.net/NnR6d/1/

看到破损的用户界面

我知道原因是我在第一个按钮的close标签和第二个按钮的open标签之间添加了换行符时创建了一个“空格”字符。

但这似乎不对。我认为它不应该影响我的设计。

是否有CSS重置此行为？有没有办法告诉浏览器不添加这个空格？

Answer 1

按钮CSS上的

float:left可以解决这个问题我相信，虽然它可能会导致一大堆其他问题，具体取决于HTML的其余部分