Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 使用ckeditor 4以角度显示所见即所得时,删除两段之间的间距_Angular_Css_Wysiwyg_Ckeditor4.x - Fatal编程技术网

Angular 使用ckeditor 4以角度显示所见即所得时,删除两段之间的间距

Angular 使用ckeditor 4以角度显示所见即所得时,删除两段之间的间距,angular,css,wysiwyg,ckeditor4.x,Angular,Css,Wysiwyg,Ckeditor4.x,我使用Angular 4和ckeditor 4.x来表示所见即所得 所以,当我显示数据库中的代码时,即使没有应用于段落的样式,ckeditor中的视图也不相同 我试着用CSS减少行的高度,但是没有办法,结果是一样的 我删除了行与行之间的边距,但同样重要 这是我试图解决问题的CSS代码: p,p+p{ 颜色:rgb(51,51,51); 显示:块; 字体系列:无衬线、Arial、Verdana、“投石机MS”; 字体大小:13px; 线高:正常; 保证金:0; 单词包装:打断单词; -网络工具包

我使用Angular 4和ckeditor 4.x来表示所见即所得

所以,当我显示数据库中的代码时,即使没有应用于段落的样式,ckeditor中的视图也不相同

我试着用CSS减少
行的高度
,但是没有办法,结果是一样的

我删除了行与行之间的
边距
,但同样重要

这是我试图解决问题的CSS代码:

p,p+p{
颜色:rgb(51,51,51);
显示:块;
字体系列:无衬线、Arial、Verdana、“投石机MS”;
字体大小:13px;
线高:正常;
保证金:0;
单词包装:打断单词;
-网络工具包后的保证金:0px;
-之前的webkit保证金:0px;
-webkit页边距结束:0px;
-webkit保证金开始:0px;
}
这一行

这是第二行

还有一个


最后一行

尝试以下操作:删除高度:

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

}

尝试以下操作:删除高度:

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

}

我通过删除
空白:pre-wrap来解决这个问题。我不知道为什么要在行之间添加空格。

我通过删除
空白:预包装。我不知道为什么要在行之间添加空格。

对于遇到此问题的其他人来说,这通常是全局样式“出血”到ckeditor实例的结果

因此,如果您为
设置了一个全局样式集,该样式集具有一个边距底部(默认情况下为引导集),那么您需要在全局级别删除它:

p{
页边距底部:0;
}

您不能在组件级CSS上设置此样式,因为这只会影响组件的html,而不会影响ckeditor内部的html。

对于遇到此问题的其他人来说,这通常是全局样式“出血”到ckeditor实例的结果

因此,如果您为
设置了一个全局样式集,该样式集具有一个边距底部(默认情况下为引导集),那么您需要在全局级别删除它:

p{
页边距底部:0;
}

您不能在组件级CSS上设置此样式,因为这只会影响组件的html,而不会影响ckeditor内部的html。

开发工具中的计算结果是什么?您可能需要更具体地使用选择器或是否生成了任何空的
p
元素?或者
br
element我在post中有计算代码,即计算CSS。我想知道HTML是什么样子的?可能有额外的
p
br
元素导致了问题?开发工具中的计算结果是什么?您可能需要更具体地使用选择器或是否生成了任何空的
p
元素?或者
br
element我在post中有计算代码,即计算CSS。我想知道HTML是什么样子的?可能是额外的
p
br
元素导致了问题?