Skype按鈕：如何防止垂直空間

我剛開始學習HTML，CSS和JS。我正在嘗試將Skype按鈕添加到我的網站，但它會在上面和下面創建空行。如何刪除這些空白行並使Skype按鈕在Skype按鈕代碼之前以文本編碼內聯顯示？（對不起，我是很新的計算器，所以無法發表我的結果的圖像。Skype按鈕：如何防止垂直空間

這是我與嘗試的示例代碼。

<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>

來源

2015-06-03 Nar

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>

致電您的文本添加到生成的段落。

來源

2015-06-03 01:15:32 lowky12

謝謝低調。我正在獲取>>>根據您的代碼在一行中聯繫XXXXXXX XXXXX <<<和Skype按鈕，但它仍然會在其上下創建空白行。可能我還沒有足夠的知識來理解這一切，因爲我只是在學習。我將閱讀更多關於JS的內容並嘗試着解決這個問題。 – Nar

Skype按鈕：如何防止垂直空間

回答

相關問題