我正在尝试设计一系列按钮。根据设计，这些可以在其中包含任意断点标签和图标。
在具有仲裁中断标记的按钮上，我添加了一个类并更新了填充。当这两个元素并排时，元素的高度相同，但带有break标记的元素会向下按x个像素。
有一点需要注意的是，我无法相对定位元素top: -10px来修复对齐，因为这会导致我必须更新容器上的边距。
答案 0 :(得分：1)
您可以使用vertical-align属性来解决对齐问题。
top / bottom / middle的值有效。您只需要将其更改为默认值baseline。
.button-nav > button {
vertical-align:top;
}