html – 删除h1和h2之间的空格

前端之家收集整理的这篇文章主要介绍了html – 删除h1和h2之间的空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我偶然发现了一个似乎无法以任何方式解决的问题,也许我以错误的方式使用div?

.greeting h1 {
  font-family: 'Raleway',sans-serif;
  font-weight: lighter;
  font-size: 100px;
  text-align: center
}
.greeting h2 {
  font-family: 'Raleway',sans-serif;
  font-weight: lighter;
  font-size: 35px;
  line-height: 0px;
  text-align: center
}

这是结果:

SS

我想减少我的< h1>之间的空间.和< h2>,我发现这样做的方法是将h1中的行高设置为0px.

但是当我这样做时,我的整个页面会像这样向上移动:

SS

我希望将文本保持在与更改行高之前相同的位置.我怀疑我使用div类函数错误.这更多是理论问题.

最佳答案
标题h1到h6默认有边距,所以你需要重置它,设置:margin:0.

.greeting h1 {
  font-family: 'Raleway',sans-serif;
  font-weight: lighter;
  font-size: 100px;
  text-align: center;
  margin: 0
}
.greeting h2 {
  font-family: 'Raleway',sans-serif;
  font-weight: lighter;
  font-size: 35px;
  text-align: center;
  margin: 0
}
原文链接:https://www.f2er.com/css/427669.html

猜你在找的CSS相关文章