我正在尝试设计一系列按钮的样式。根据设计，它们可以包含任意中断标记和图标。
在具有任意中断标记的按钮上，我添加了一个类并更新了填充。当这两个并排时，元素高度相同，但带有 break 标签的元素被向下推 x 像素。
一个警告是我不能相对定位元素，top: -10px 来修复对齐，因为这会导致我也必须更新容器上的边距。
最佳答案
您可以使用 vertical-align 属性来解决对齐问题。
top/bottom/middle 的值有效。您只需更改默认值 baseline。
.button-nav > button {
vertical-align:top;
}
关于html - 对齐使用中断标记并具有任意填充的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23701867/