javascript - Skype 按钮 : How to prevent vertical space

Question

我刚开始学习 HTML、CSS 和 JS。我正在尝试将 Skype 按钮添加到我的网站，但它会在上方和下方创建空白行。如何删除那些空行并使 Skype 按钮与在 Skype 按钮代码之前编码的文本内联显示？ (抱歉，我是 stackoverflow 的新手，所以无法发布我的结果图片。

这是我正在尝试的示例代码。

<link rel="stylesheet" type="text/css" href="960-Grid-System-master/code/css/960_12_col.css" />
    <div class="container_12 clearfix">
    <div class="grid_12">
    <span>Contact XXXXXXX XXXXX</span>
    <script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
    <div id="SkypeButton_Call_xxxxxxx_1">
      <script type="text/javascript">
        Skype.ui({
          "name": "call",
          "element": "SkypeButton_Call_xxxxxxx_1",
          "participants": ["xxxxxxx"],
          "imageSize": 32
        });
      </script>
    </div>
    <p>footer</p>
    </div>
    </div>

Answer 1

skype button api 创建一个段落

<p id="SkypeButton_Call_xxxxxxx_1_paraElement" style="font-size:30px; color:#444444">...</p>

这会导致您的间距问题。为了解决这个问题，您可以像这样插入一些 js

<script type="text/javascript">
    var text = document.createTextNode("Contact XXXXXXX XXXXX");
    document.getElementById("SkypeButton_Call_xxxxxxx_1_paraElement").insertBefore(text, document.getElementById("SkypeButton_Call_xxxxxxx_1_paraElement").firstChild);
 </script>

将您的文本添加到生成的段落中。