时间戳

首页 > 解决方案 > 我怎样才能在这里消除这个差距？

html - 我怎样才能在这里消除这个差距？

问题描述

这是我的代码：

body {
  background-color: lightgray;
}

div {
  text-align: center;
  font-size: 75px;
  font-family: oswald light;
  color: white;
  background-color: #3c78d8;
}

h2 {
  text-align: center;
  font-size: 40px;
  font-family: oswald light;
  color: white;
  background-color: #3c78d8;
  border-collapse: collapse;
}

img {
  background-color: #3c78d8;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  padding: 25px 624px 25px 624px;
}
<div>header1</div>
<img src="2898chevronlogo.svg">
<h2>header2</h2>

使用内部 css，img 和 h2 之间存在我想摆脱的差距。

这是间隙的图像：

在此处输入图像描述

标签： htmlcss

解决方案

在开发新页面时，您应该通过将以下内容添加到您的 css 来清除默认样式。

* {
  margin: 0;
  padding: 0;
}

这将解决您的问题：

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: lightgray;
}

div {
  text-align: center;
  font-size: 75px;
  font-family: oswald light;
  color: white;
  background-color: #3c78d8;
}

h2 {
  text-align: center;
  font-size: 40px;
  font-family: oswald light;
  color: white;
  background-color: #3c78d8;
  border-collapse: collapse;
}

img {
  background-color: #3c78d8;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  padding: 25px 624px 25px 624px;
}
<div>header1</div>
  <img src="2898chevronlogo.svg">
<h2>header2</h2>

推荐阅读