laravel - partials将空文本插入HTML - ＆＃34; ＆＃34;

Question

<div style="margin-top:-21px">
    @include('partials.header')
</div>

<div style="margin-top:-21px">
    @include('partials.navig')
</div>

<div style="margin-top:0px">
    @include('partials.footer')
</div>

以上HTML / Laravel代码将部分插入布局。每当我使用partial时，它会在HTML输出中插入空格，并在部分上方产生丑陋的空格（空行）。这就是我使用margin:top:-21px隐藏空行的原因。但问题是，在Internet Explorer中不是那些可见的白色空间，因此偏移量过多。这是一个HTML输出以及空行的样子：

我不知道是什么原因导致这些白色空间，这不是错误的元素边缘或类似的东西。对此有任何解决方案或解释吗？

Answer 1

我找到了解决方案：

问题在于编码。从UTF-8变为UTF-8 w / o DOM就成功了。

替代解决方案是将div部分转换为div，其中line-height：0和div in partials设置回line-height：1。

Answer 2

这是因为您在新行中包含了部分内容。尝试将它们包含在同一行中，它应该可以解决您的问题。

<div style="margin-top:-21px">@include('partials.header')</div>

Answer 3

Laravel不会插入空白行。您应该查看部分文件，并确保在开头和结尾没有空行/空格。您还应该考虑在关闭div之后立即包含这些部分，而不是在下一行。

例如：

<div style="margin-top:-21px">@include('partials.header')</div>
<div style="margin-top:-21px">@include('partials.navig')</div>
<div style="margin-top:0px">@include('partials.footer')</div>

当你只将文件名放入那些部分时，你将获得以下输出：

<div style="margin-top:-21px">header</div>
<div style="margin-top:-21px">navig</div>
<div style="margin-top:0px">footer</div>

如你所见 - 没有空格，没有空行。

当然，带有负边距的技巧是非常错误的解决方案，所以你应该分析你的部分，并将这些文件改为我在这里展示的方法。