Question

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

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

第一个div在select和input元素之间会有更多的空格，因为它们之间的换行符被渲染成空格;见过here。我很好奇这背后的原因以及在保持可读HTML的同时避免这种额外间距的最佳方法是因为我不觉得第二个div非常易读。

Answer 1

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

select{float:left}

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

HTML中的新行

1 个答案: