删除大写标题

Question

我有一个以大写字母显示的标题。我想在这个标题和下面的框架框之间只有2个像素。

如果文字包含像'g'这样的小写字母，则下面没有空格，但是一旦所有'g'，'y'和'j'字母都消失了，就会出现。

是否有任何跨浏览器方法摆脱该空间？显然浏览器会显示不同数量的空白区域：https://jsfiddle.net/5o94va6p/13/，因此像line-height: 0.7这样的技巧在Firefox中起作用，但在Safari中占用的空间过多。

Answer 1

Safari和chrome在空白空间方面看起来很相似。看起来不同的浏览器是Firefox。我只会使用CSS为它指定行高。这样，Firefox看起来不错，并且不会影响其他浏览器的外观。

尝试使用仅针对Firefox的代码：

df3.dropna(axis=1, thresh=2)

Answer 2

尝试使用这个 -

.box{
  margin-top: 2px;
  position: fixed;
}

Answer 3

y，g，p等字母所需的基线以下的空间总是存在，它是线高的一部分 - 这就是你问题的原因。除非您定义负边距底值，否则无法更改，例如

.my_heading {
  margin-bottom: -4px;
}