laravel - частичный текст ввод текста пустым в HTML - ""

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 вставляет частичные части в макет. Каждый раз, когда я использую частичный, он вставляет пустые пробелы в вывод HTML и вызывает уродливое белое пространство (пустую строку) над частичным. Вот почему я использую margin:top:-21px, чтобы скрыть пустую строку. Но проблема в том, что в Internet Explorer нет видимых пробелов, и поэтому частичные смены слишком сильно сдвинуты. Вот выход HTML и как пустая строка выглядит следующим образом:

Я понятие не имею, что может привести к этому белому-пространству, не ошибется запас элементов или что-то подобные. Есть ли какое-либо решение или объяснение для этого?

Answer 1

Это потому, что вы включаете частичные числа в новую строку. Попробуйте включить их в одну строку, и это должно решить вашу проблему.

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

Answer 2

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> 

Как вы видите - без пробелов, не пустой линий.

Конечно, трюк с отрицательным запасом - это очень неправильные решения, поэтому вы должны проанализировать свои частичные части, а также изменить, в том числе и те файлы, на метод, который я показал здесь.

Answer 3

Я нашел решение:

Проблема была в кодировании. Переход с UTF-8 на UTF-8 без DOM.

Альтернативное решение - это частичное обертывание в div с высотой строки: 0 и div в частичном наборе, возвращаемом к линии-высоте: 1.