Angular 使用ckeditor 4以角度显示所见即所得时,删除两段之间的间距
我使用Angular 4和ckeditor 4.x来表示所见即所得 所以,当我显示数据库中的代码时,即使没有应用于段落的样式,ckeditor中的视图也不相同 我试着用CSS减少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; 单词包装:打断单词; -网络工具包
行的高度
,但是没有办法,结果是一样的
我删除了行与行之间的边距
,但同样重要
这是我试图解决问题的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
元素导致了问题?