换行导致 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}或Twig中的{% spaceless %}。在 HTML、google 和搜索 SO 中还有其他方法可以实现这一点。