* {
}
body {
margin: 0;
text-align: center;
}
/* =====Header===== */
header {
display: inline;
}
.logo {
background-color: #dedede;
display: inline;
float: left;
}
<header>
<div class="navContainer">
<a href=#>
<img src="https://i.imgur.com/1fsTc5I.png" alt="headLogo" class="logo">
</a>
</div>
<nav>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</nav>
</header>
所以我有一个图像,在我看来它周围有一个 32px 的填充,我不想要它,我已经尝试过 padding: 0;填充:0!重要;我很沮丧,请帮助我的 friend 们! I added a background of gray so you can see the padding of the image
{编辑我添加了背景以便您可以看到填充}
最佳答案
如果您在访问开发工具时查看“计算”选项卡下的内容,您会看到此图像根本没有填充。您只需要使用 photoshop 删除图像中文本周围多余的空白区域,就可以了。
关于html - 如何从图像中删除填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46967565/