Javascript 为什么锚定标记占用额外的空白？

我正在做react项目，因为我有一个锚定标签，然后我有一个导航条。 问题是锚定标签将导航栏推到右侧。因为锚定标记占用了额外的空白。 我甚至尝试过使用display：“inline block”，但它不起作用

Navbar.js

---

如果你能给我们提供一个片段或什么的话会更好，但无论如何 您可以使用任何浏览器的开发人员工具找出导致空白的原因 它可能是一个边距或填充，只需打开它并指向您的元素进行查找，然后您就可以通过对该元素应用边距：0或填充：0来解决问题

---

希望我能帮上忙

不要在锚定标记内部使用div。只需将徽标包裹在锚定标签中，并为该img标签提供任意宽度。 像这样：

<a className="navbar-brand space"  href="www.facebook.com">
    <img src='assets/images/kaboom.png' width="150" alt='logo'></img>
</a>

---

对于空白问题，在你的问题中包含一个工作示例是非常关键的。嗨，DBS，你能告诉我如何克服这个问题吗？发布一个工作示例。这是非常模糊的。。。在创建一个沙盒并与usCode sandbox works共享，但最好在此处创建一个交互式堆栈片段；所以它根本不需要任何空格，并且可见性：隐藏。

.logo {
    width: 10%;
    display: inline-block;
}
.logo img {
    width: 100%;
}

.space {
    display: inline-block !important;
}

<a className="navbar-brand space"  href="www.facebook.com">
    <img src='assets/images/kaboom.png' width="150" alt='logo'></img>
</a>