Css 如何消除你无法控制的多余填充物？

*{
填充：0；
保证金：0
}
html，正文{
身高：100%；
}
.背景{
身高：100%；
宽度：100%；
背景图像：url（'http://tombricker.smugmug.com/Travel/San-Francisco-California/i-jk2Z7D7/0/L/san-francisco-golden-gate-bridge-morning-sun-bricker-L.jpg');
背景尺寸：封面；
背景位置：中心；
溢出：隐藏；
}
.地点{
字体系列：“Playfair显示”，衬线；
颜色：白色；
字体大小：100px；
填充：0；
衬垫顶部：-20px；
}

旧金山

我认为问题在于字体。播放

行高

。这可能会有帮助

---

切勿使用负片填充物或边距。如果你需要这样做。您做错了：）

元素上没有填充。您可以使用Google Chrome或Mozilla Firefox检查代码段，并将元素悬停。您将看到，元素既没有空白也没有边距。

---

这里的问题是你使用的字体。尝试使用：

行高：；减小行高
首先。。。填充：-10px；这是行不通的。解决方案是，您可以像我在代码中所做的那样，对顶部和底部空间使用行高，对左侧空间使用文本缩进。请查看演示：


*{
填充：0；
保证金：0
}
html，正文{
身高：100%；
}
.背景{
身高：100%；
宽度：100%；
背景图像：url（'http://tombricker.smugmug.com/Travel/San-Francisco-California/i-jk2Z7D7/0/L/san-francisco-golden-gate-bridge-morning-sun-bricker-L.jpg');
背景尺寸：封面；
背景位置：中心；
溢出：隐藏；
}
.地点{
字体系列：“Playfair显示”，衬线；
颜色：白色；
字体大小：100px；
填充：0；
线高：62px；
文本缩进：-6px；
文本对齐：左对齐；
衬垫顶部：-20px；
}

旧金山
有一个填充。如果将标题背景设置为灰色，您将看到。空格在灰色框内。我只是用了一些负边距。有没有没有没有空白和空白的字体？我不知道哪种谷歌字体周围没有空格。大多数谷歌字体周围应该没有无用的填充物。我喜欢使用。