删除inline-block元素中大文本上方和下方的空白
说我有一个span元素定义为内联块。它的唯一内容是纯文本。当字体很大时，您可以清楚地看到浏览器如何在文本上方和下方添加一些填充。
HTML：
CSS：
span {
display: inline-block;
font-size: 50px;
background-color: green;
}
<span>BIG TEXT</span>
观察盒子模型，很明显浏览器正在 内容边缘内 添加填充。我需要删除此“填充”，一种方法是简单地更改行高，如下所示：
这在Chrome浏览器中效果很好，但在Firefox中，文本正朝顶部（FF17，Chrome 23，Mac OSX）移动。
有跨浏览器解决方案的想法吗？谢谢！
问题答案：
似乎您需要显式设置字体，line-height并height根据需要更改和。假设“ Times New Roman”是浏览器的默认字体：
span {
display: inline-block;
font-size: 50px;
background-color: green;
/*new:*/
font-family: 'Times New Roman';
line-height: 34px;
height: 35px;
}
<link href='http://fonts.googleapis.com/css?family=Tinos' rel='stylesheet' type='text/css'>
<span>
BIG TEXT
</span>
-
问题内容： 最近，我回答了一个问题，OP希望将整个文本包装在元素中，而不是包装在其中的文本，所以就像这样 所以简单地给 不会删除包裹在元素内的文本的下划线 但这确实消除了下划线 因此，我制作了an 并成功了，这就是我通常的做法。但是，当涉及到解释时，我无法解释为什么这样做实际上会删除下划线，而仅仅使用了下划线。 问题答案： 在某些情况下，文本修饰从元素传播到某些后代。该规范描述了所有在此发生，不会
-
问题内容： 以这个为例： 当标签的innerHtml 为空时，自动换行直到文本。 标签不会发生这种情况。我假设这是因为通常在前后都有空格中断的段落。 有什么办法可以删除吗？ 问题答案： 元素通常具有边距和/或填充。您可以在样式表中将其设置为零。 但是，从语义上讲，有一段段落是很不寻常的。
-
本文向大家介绍jQuery 添加元素和删除元素的方法，包括了jQuery 添加元素和删除元素的方法的使用技巧和注意事项，需要的朋友参考一下 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插
-
本文向大家介绍block、inline、inline-block的区别?相关面试题，主要包含被问及block、inline、inline-block的区别?时的应答技巧和注意事项，需要的朋友参考一下 参考回答： block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度
-
主要内容：使用 delete() 函数从 map 中删除键值对,清空 map 中的所有元素Go语言提供了一个内置函数 delete()，用于删除容器内的元素，下面我们简单介绍一下如何用 delete() 函数删除 map 内的元素。 使用 delete() 函数从 map 中删除键值对 使用 delete() 内建函数从 map 中删除一组键值对，delete() 函数的格式如下： delete(map, 键) 其中 map 为要删除的 map 实例，键为要删除的 map 中键值对的键
-
本文向大家介绍jquery增加和删除元素的方法，包括了jquery增加和删除元素的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery增加和删除元素的方法。分享给大家供大家参考。具体实现方法如下： 运行效果如下： 希望本文所述对大家的jQuery程序设计有所帮助。