javascript - Skype按钮:如何防止垂直空间

我刚刚开始学习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>

最佳答案

Skype按钮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>

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

关于javascript - Skype按钮:如何防止垂直空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30609011/