html - HTML 中的新行

Question

我很好奇浏览器如何解释 HTML 中的换行符，以及它如何转换为渲染标记中的空白。例如考虑以下两个 div：

<div>
    <select>
        <option>one</option>
    </select>
    <input />
</div>
<div>
    <select>
        <option>one</option>
    </select><input />
</div>

第一个 div 在 select 和 input 元素之间会有更多的空白，因为它们之间的换行符被渲染到空白中；在这里看到。我很好奇这背后的原因，以及在保持 HTML 可读性的同时避免这种额外间距的最佳方法是什么，因为我不觉得第二个 div 可读性很强。

Answer 1

html 中的任何空格，包括 40 个空字符，都将被解释为一个' '字符。因此，换行符和 500 个空格仍将显示为一个空格。避免间距的最佳方法是使用 css：

select{float:left}

http://jsfiddle.net/FSnhH/4/