LinkedIn 分享按钮对齐

Question

我无法在网站上对齐 LinkedIn 分享按钮。检查下面的屏幕截图 -

您可以实时找到它 here。该按钮在该页面的其他部分对齐得很好，但当它放在标题上方或下方时，它会以某种方式出现问题。

我该如何解决这个问题？

Answer 1

在自定义 CSS 文件中，添加以下内容：

.IN-widget > span > span {
  height: 30px;
}

确保自定义 CSS 文件顺序是最后一个。

输出：

Answer 2

我想这会解决你的问题

span.IN-widget > span{
  display:block !important;
}

然后清除它们之间的<br>并且不要忘记将元素样式清除为display。

Answer 3

感谢所有试图提供帮助的人！我终于设法让它对齐了。

解法： 由于仅当按钮位于标题文本上方或下方时才会出现此问题，因此首先我以编程方式将自定义 class 添加到 LinkedIn 按钮容器 - btnsx-li-height。然后我应用了下面的 CSS -

.btnsx-li-height .IN-widget {
    position: relative;
}
.btnsx-li-height .IN-widget > span > span > span {
    position: absolute;
    left: -30px;
    bottom: -20px;
}

LinkedIn 分享按钮对齐

LinkedIn share button alignment

html

css

linkedin