有关html文件中enter键换行被解析成空格的问题

<body>

<input type="text" value="空格">
<input type="text" value="测试"/>
<p>这段文本中,输入连续的空格          大概输入了十个。p>

body>

在浏览器进行解析的时候,两个input间多了3px左右的间隙;并且元素p中文本中的多个空格被解析为一个空格;

解决的方法:

1:两个或多个行内元素不换行;即<input type="text" value="空格"><input type="text" value="测试"/>

2:使用margin=-3px;

3:给行内元素的父元素添加font-size:0的样式。上述代码即给body添加font-size:0的样式。再给父元素下相应的元素设置所需的字体大小;

value="空格" style="font-size:12px;">

你可能感兴趣的:(前端开发)