我添加了 <a href=>围绕字体很棒的图标(facebook，twitter)，它使它们垂直堆叠。我已经尝试了各种各样的事情，比如确保显示器是内联的并且弄乱宽度无济于事。如果有人能帮助我，那就太好了。
它只出现在桌面媒体查询中。所以让我们的屏幕足够大。另外，当我在做的时候...如何关闭导航栏折叠？
<a href=""><li><i class="fa fa-twitter"></i></li></a>
<a href=""><li><i class="fa fa-facebook"></i></li></a>
有问题的 html。
最佳答案
把链接放在<li>里面像这样:
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-facebook"></i></a></li>
您仍然需要使用 display: inline-block让它水平显示
关于html 水平元素在周围添加 <a> 标签后变为垂直。如何阻止，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21894863/