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

【问题标题】：html navbar button not filling entire spacehtml导航栏按钮没有填满整个空间
【发布时间】：2020-11-22 13:54:08
【问题描述】：

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

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

【问题讨论】：

标签： html css bootstrap-4

【解决方案1】：

就是左边按钮的图标，用来拉伸容器的高度。解决方法是将图标的font-size 减少为1.4rem。

【讨论】：

【解决方案2】：

Fiddle

问题是您在第一个元素上的2rem。删除它后，它将自动针对两者进行调整。否则为两者设置相同。不要调整一个以使另一个正确。它不会在所有浏览器、不同屏幕尺寸的设备上呈现。

#newUploadIcon{
  color:rgb(14, 80, 36);
  display: block;
  margin:auto; 
 
  margin-right:10px;
  cursor: pointer;
}

【讨论】：