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 코드는 레이아웃에 부분을 삽입합니다. partial을 사용할 때마다 빈 공간을 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

해결책을 찾았습니다 :

인코딩에 문제가있었습니다. DOM을 사용하여 UTF-8에서 UTF-8로 변경했습니다.

대체 솔루션은 line-height : 0 인 div에 부분적으로 줄 바꿈이고 partial은 다시 line-height : 1로 설정합니다.