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

最新推荐文章于 2024-07-12 23:25:33 发布

郝静and静静

最新推荐文章于 2024-07-12 23:25:33 发布

阅读量4.1k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/u010705091/article/details/59101096

版权

前端开发专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<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的样式。再给父元素下相应的元素设置所需的字体大小；
   即<body style="font-size:0px">
<input type="text" value="空格" style="font-size:12px;">