【问题标题】:How to fix white line below picture如何修复图片下方的白线
【发布时间】:2019-08-23 19:09:52
【问题描述】:

我有一张背景图片,我在背景图片上添加了一张 png 图片(徽标),但我在下面看到一条白线。

body {
  left: 45%;
  margin: 0;
  padding: 0;
  background: url(https://via.placeholder.com/468x60?text=Background);
  background-size: 100%;
  font-family: sans-serif;
}
<div class="agtrack" style="text-align: center">
  <img src="https://via.placeholder.com/60x60?text=LOGO" />
</div>

【问题讨论】:

  • 哪一行?是什么造就了它? CSS 在哪里?
  • 请访问help center,使用tour查看内容和How to Ask。做一些研究,搜索关于SO的相关主题;如果您遇到困难,请发布您的尝试minimal reproducible example,并注明输入和预期输出。
  • 您可以从 placeholder.com 获取图片以在此处使用
  • 身体{左:45%;边距:0;填充:0;背景:url(../Content/PSX_20190124_001950.jpg);背景尺寸:100%;字体系列:无衬线; }//CSS
  • 注意:&lt;img&gt; 标签不需要也不使用右斜线,在 HTML 中也从来没有。

标签: html css image


【解决方案1】:

试着把

显示:块;

图像上的样式。如果这没有帮助,还可以尝试将图像上的 line-height 样式更改为

行高:1;

行高:0;

【讨论】:

  • 行高有什么区别:0;或行高:0;?
  • 我的意思是“行高:1;”对不起。这些风格在过去已经抓住了我,很容易被忽视。它们有时会在您的元素上留下额外的一点边距。 @英格斯
猜你喜欢
  • 2013-08-21
  • 1970-01-01
  • 2017-08-04
  • 2021-03-24
  • 2015-04-23
  • 2018-07-20
  • 1970-01-01
  • 2014-11-22
相关资源
最近更新 更多