解决html换行出现空格问题

源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格,空格和回车都会被显示为一个3px的空格。

如下

<div class="div1">

<input type="text" class="input1">

<input
type="text" class="input2">

</div>

要解决这个问题，可以在换行处父级加css: .div1{font-size:0}; 这样换行后就不会有空格出现.

然后再设置 .div1
input{font-size:12px};