Question

我不明白为什么span元素的高度超过其font-size（margin和padding = 0）：JSFiddle example

$(document).ready(function(){
  $('.editdet').click (function() {
    alert($(this).prev().val());  
});
});

此问题仅在Mac 中存在：

<head> <style> .analized-element { font-size: 20px; font-family: "Lucida Console", "Lucida Grande", monospace; } </style> </head> <body> <span class="analized-element">Test message</span> </body>

我们如何看到有3个额外的像素。 Windows中的相同示例：

== analized-element ===== border-size: 0 0 0 0 padding: 0 0 0 0 font-size: 20px offsetHeight: 23px =========================

跨度的高度等于其字体大小。

Answer 1

string[] roles = Roles.Provider.GetRolesForUser(userName);

Answer 2

我认为你可以添加： line-height：20px并显示：.analized-element元素的内联块来解决此问题要么 line-height：1和font-size：20px for body element

为什么SPAN的高度超过其字体大小

2 个答案: