LinkedIn分享按钮对齐

Question

我无法在网站上调整LinkedIn分享按钮。检查下面的截图 -

你可以找到它here。该按钮在该页面的其他部分很好地对齐，但当它位于标题的上方或下方时，它会以某种方式行为不端。

我该如何解决这个问题？

Answer 1

我认为这将解决您的问题

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

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

Answer 2

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

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

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

<强>输出：

Answer 3

感谢所有试图帮助的人！我终于设法让它保持一致。

<强>解决方案： 由于只有当按钮位于标题文本的上方或下方时才会出现问题，所以首先我以编程方式将自定义类添加到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;
}