换行符会导致html中出现空格

Question

在我的 PhpStorm 7 中，破坏了一些元素（每个元素），如下所示：

<input type="text">
<input type="text">
<input type="text">

在我渲染的html页面（包含所有导航器）中的标签之间产生一些空间并打破我的所有网格：

我重置了所有边距等等。所以我的css中有0个边距或其他东西。

当我把它们放在同一条线上时，空格就消失了：

<input type="text"><input type="text"><input type="text">

在我的检查器中（没有边距，只是填充和薄边框）。他们都有默认的CSS：

我找不到如何配置它。这是CakePHP视图。

Answer 1

这是空白的常见问题以及浏览器如何处理它。有许多类似的问题和答案，like this one。

基本上您可以使用display: block和float: left，或者如果您使用模板渲染引擎，他们可能会提供帮助来删除空白，例如Smarty中的{strip}或{% spaceless %}在Twig。还有其他方法可以在HTML，谷歌和搜索中实现这一目标。