从 css <em> 标签中删除间距

Question

我在网络应用程序上使用 em 标签在特定事件发生时高亮显示并将文本嵌入 <em></em> 并使用 css 突出显示背景绿色并显示为块，因此它创建了一个绿色的文本部分；但是，<em></em> 在我的行之间添加了 space，我不确定如何摆脱它。 line-height 似乎不起作用，没有 <em></em> 括号的间距很好。

解决方案

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

原代码：

$('#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>");

Answer 1

我在网络应用程序上使用 em 标签在特定事件发生时突出显示，并将文本嵌入 <em></em> 并使用 css 突出显示背景绿色并显示为块，因此它创建了一个绿色的文本部分；但是，<em></em> 在我的行之间添加了 space，我不确定如何摆脱它。 line-height 似乎不起作用，没有 <em></em> 括号的间距很好。

解决方案

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

原代码：

$('#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>");