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

Question

我正在开发的 Spotify 应用程序中有一个分享按钮。我正在使用开发人员指南“按钮”部分中提供的确切 html ，并且我还导入了标准 CSS 文件。

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

未对齐的共享图标

我注意到这也发生在其他 Spotify 应用程序中，例如 Pitchfork

未对齐的共享图标

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

正确对齐的共享图标

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

score 2 · Accepted Answer

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

share.css 问题的根源

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

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

score 1 · Accepted Answer

1

试试vertical-align: top这个middle元素

于 2012-08-22T12:39:20.133 回答

score 1 · Accepted Answer

1

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

于 2012-08-27T19:53:11.053 回答

3 回答 3