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
}

这是结果：

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

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

我希望将文本保持在与更改行高之前相同的位置.我怀疑我使用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.jb51.cc/css/427669.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。