从css <em>标记移除间距

时间:2015-07-19 06:24:24

标签: css spacing em

我正在使用网络应用上的em标签,以便在某个事件发生时强光并在<em></em>中加入文本并使用css突出显示背景绿色并显示为块,以便创建绿色文字部分;但是,<em></em>在我的行之间增加了空间,我不知道如何摆脱它。 line-height似乎不起作用,如果没有<em></em>括号,则间距很好。

解决方案

你是对的,我应该包含代码。我认为这将是一个简单的答案,在开发工具的元素部分查看后,我没有看到任何会导致它的边距或填充。我已经发现这是因为在我的非代码中,我在每行之后放了一个,但是当我在代码中添加我想要的部分时,它会在末尾有效地添加它自己的中断以转到下一行,所以额外的间距是因为我离开了,一旦被移除,它工作正常。我将在下面发布我的代码以供参考。

原始代码:

$('#Waiting_Name').html($('#Waiting_Name').html() + "<em>" + data[i].Patient_Name + "</em></br>");

新代码:

$('#Waiting_Name').html($('#Waiting_Name').html() + "<em>" + data[i].Patient_Name + "</em>");

1 个答案:

答案 0 :(得分:0)

我在网络应用中使用em标签,以便在某个事件发生时强光并在<em></em>中加入文字并使用css突出显示背景绿色并显示为块,以便创建绿色部分的文字;但是,<em></em>在我的行之间增加了空间,我不知道如何摆脱它。 line-height似乎无法正常工作,如果没有<em></em>括号,间距就可以了。

<强>解决方案

你是对的,我应该包含代码。我认为这将是一个简单的答案,在开发工具的元素部分查看后,我没有看到任何会导致它的边距或填充。我已经发现这是因为在我的非代码中,我在每一行之后放了一个,但是当我在代码中添加我想要的部分时,它会在末尾有效地添加它自己的中断以转到下一行,所以额外的间距是因为我离开了,一旦被移除,它工作正常。我将在下面发布我的代码以供参考。

原始代码:

$('#Waiting_Name').html($('#Waiting_Name').html() + "<em>" + data[i].Patient_Name + "</em></br>");

新代码:

$('#Waiting_Name').html($('#Waiting_Name').html() + "<em>" + data[i].Patient_Name + "</em>");