WYSIWIGS를 표시 할 때 두 단락 사이의 간격을 제거하십시오.

Question

WYSIWYG에 대해 ckeditor 4.x와 함께 각도 4를 사용하고 있습니다.

데이터베이스에서 코드를 표시 할 때 문단에 스타일이 적용되지 않아도보기가 ckeditor에서 동일하지 않습니다.

나는 CSS와 함께 line-height을 줄이려고 노력했지만 아무런 결과가 없었습니다.

줄 사이에 margin을 제거했지만 동일한 문제가 있습니다.

여기

가있다 :

p, p + p{ 
 
    color:rgb(51, 51, 51); 
 
    display:block; 
 
    font-family:sans-serif, Arial, Verdana, "Trebuchet MS"; 
 
    font-size:13px; 
 
    line-height:normal; 
 
    margin: 0; 
 
    word-wrap:break-word; 
 
    -webkit-margin-after:0px; 
 
    -webkit-margin-before:0px; 
 
    -webkit-margin-end:0px; 
 
    -webkit-margin-start:0px; 
 
}

<p>This one line</p> 
 
<p>this is the second lines</p> 
 
<p>And another one</p> 
 
<p>And a last lines</p>

이것은이다 :

이

내가 문제를 해결하기 위해 tryed 한 CSS의 코드 dev 도구의 계산 된 코드

Answer 1

을 나는 white-space:pre-wrap;을 제거하여 문제를 해결한다. 나는 왜 그것이 선들 사이에 공백을 추가 하는지를 보지 않는다.

Answer 2

이 시도 : 높이 제거 :

p{ 
    color:rgb(51, 51, 51); 
    display:block; 
    font-family:sans-serif, Arial, Verdana, "Trebuchet MS"; 
    font-size:13px; 

    line-height:1.2; 
    margin: 0; 
    word-wrap:break-word; 
margin-bottom:10px 

}