如何从推文按钮中删除空格？

Question

我知道如何将Tweet按钮集成到WordPress博客帖子中，但是我很难删除它下面留下的空间（以红色显示）。

我尝试将var b = new Sub { StrValue = "Hello World.", IntValue = 42 }; var b2 = (Base)b.Clone(); 和margin: 0;添加到padding: 0;类，以便它与帖子信息垂直对齐，但没有任何反应。我该如何解决这个问题？

＆＃13;

＆＃13;

twitter-share-button

＆＃13;

body {
    font-family: Arial, sans-serif;
}
.twitter-share-button {
    margin: 0;
    padding: 0;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

该脚本正在向您的网页添加iframe。我可以解决此问题的唯一方法是向vertical-align : bottom;添加iframe。

这是JSFiddle link。

Answer 2

您可以添加CSS规则：

iframe {
  vertical-align: bottom;
}

＆＃13;

＆＃13;

body {
  font-family: Arial, sans-serif;
}
.twitter-share-button {
  margin: 0;
  padding: 0;
}
iframe {
  vertical-align: bottom;
}

＆＃13;

<p>By admin | Published January 1, 20XX <a href="https://twitter.com/share" class="twitter-share-button" data-via="j_kantner">Tweet</a>
  <script>
    ! function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
        p = /^http:/.test(d.location) ? 'http' : 'https';
      if (!d.getElementById(id)) {
        js = d.createElement(s);
        js.id = id;
        js.src = p + '://platform.twitter.com/widgets.js';
        fjs.parentNode.insertBefore(js, fjs);
      }
    }(document, 'script', 'twitter-wjs');
  </script>
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以尝试使用对齐

body {
    font-family: Arial, sans-serif;
    vertical-align: text-bottom;
}
.twitter-share-button {
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
}

Answer 4

尝试调整按钮所在的<p>段落。

抱歉，我重读了您的问题。 使用负边距和/或填充。

＆＃13;

＆＃13;

.twitter-share-button {
  margin: -10px;
  padding: 8px;
}

＆＃13;

<p>By admin | Published January 1, 20XX <a href="https://twitter.com/share" class="twitter-share-button" data-via="j_kantner">Tweet</a>
  <script>
    ! function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
        p = /^http:/.test(d.location) ? 'http' : 'https';
      if (!d.getElementById(id)) {
        js = d.createElement(s);
        js.id = id;
        js.src = p + '://platform.twitter.com/widgets.js';
        fjs.parentNode.insertBefore(js, fjs);
      }
    }(document, 'script', 'twitter-wjs');
  </script>
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 5

除了其他答案之外，您还可以在保证金上使用负值。

.twitter-share-button {
    margin-bottom: -1px;
}