css - Wordpress 中的菜单按钮/文本与粘性菜单未对齐

Question

我在我采用的网站主菜单上创建了一个 CSS 按钮(不是我自己设计的)，该按钮位于页面顶部时看起来很棒。但是，一旦我向下滚动并且菜单压缩到粘性菜单中，文本就会与按钮背景不对齐。文本下降到按钮背景下方，我不确定如何解决该问题。

我已经尝试调整填充，而不是为按钮创 build 置的高度和宽度，但是填充在右侧和左侧不起作用，所以我回到了静态大小。我当前的按钮代码如下。

.button-menu {
background-color: #0051a3;
width: 100px;
height: 30px;
text-align: center;
vertical-align: central;
border-radius: 10px 10px 10px 10px;
    }
.button-menu:hover {
  background: #fbb714;
  text-decoration: none;
  }

当菜单处于滚动模式时，我只希望文本在垂直对齐方式中在按钮背景内居中。

Answer 1

您的按钮具有固定的宽度和高度，但其中的文本将分成多行，因为这是浏览器的默认行为。你可以尝试玩弄

.button-menu{ word-wrap: break-word; }

或者也可以尝试使用最小宽度和最小高度而不是设置宽度和高度。