为什么我的 Spotify 应用程序中的分享按钮图标未对齐？答案

【问题标题】：Why is the share button icon misaligned in my Spotify app?为什么我的 Spotify 应用程序中的分享按钮图标未对齐？
【发布时间】：2012-08-22 12:35:24
【问题描述】：

我正在开发的 Spotify 应用中有一个分享按钮。我使用的是 developer guidelines 'buttons' section 中提供的确切 html，并且我还导入了标准 CSS 文件。

我的按钮呈现时图标未对齐（太低），例如

我注意到这也发生在其他 Spotify 应用中，例如干草叉

在原生 Spotify 页面中，图标的位置正确，例如

这是标准 Spotify 应用 CSS 中的错误，还是我的应用有问题？

【问题讨论】：

【解决方案1】：

这绝对是 Spotify 的 CSS 的问题。图标的位置在 shared.css 第 135 行定义：

我在样式表中添加了以下内容以将其放回正确的位置：

.button.icon .share::before {
    top: -15px;
}

【讨论】：

【解决方案2】：

为此元素尝试使用vertical-align: top 或middle

【讨论】：

谢谢，我真的更感兴趣这是 Spotify 的错误，还是我的应用程序中的问题。我已经删除了关于如何修复对齐的次要问题，以便更清楚（如果需要，我可能会弄清楚如何破解 CSS）。

【解决方案3】：

我们正在努力在下一版本的 API 中解决此问题。感谢您的报告！

【讨论】：