html - html导航栏按钮没有填满整个空间

Question

我有一个带有两个按钮的导航栏的 jsfiddle html 网页。左边的按钮不错，但右边的按钮有问题，没有填满整个空间，底部有空白边距。我知道这非常简单，可能只有一个 css 修复，我尝试设置 mx-auto 和 my-auto 以将边距 x 和边距 y 设置为自动，尝试添加display: block;但仍然没有运气。请寻求帮助。

https://jsfiddle.net/martinradio/u03f1zyo/1/

标签： htmlcssbootstrap-4

Answer 1

它是左侧按钮中的图标，用于拉伸容器高度。一个修复方法是减少font-size图标的1.4rem。