WordPress中的菜单按钮/文本与即时贴菜单未对齐

Question

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

我尝试调整填充，而不是为按钮创建设置的高度和宽度，但是填充在左右两侧均无效，因此我回到了静态尺寸。我当前的按钮代码如下。

.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; }

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