gpt4 book ai didi

css uri Skype 按钮

转载 作者:行者123 更新时间:2023-11-28 07:29:33 24 4
gpt4 key购买 nike

我需要将 Skype 按钮图像放在他的 div 中,但我做不到。我唯一能做的就是将父 div 靠近另一个 div,但 skype 按钮图像在 div 之外.. 这里是 Skype 代码:

<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_italy-amo_1" style="border: solid black 1px; float: left; width: 100px; height: 32px;">
<script type="text/javascript">
Skype.ui({
"name": "call",
"element": "SkypeButton_Call_italy-amo_1",
"participants": ["italy-amo"],
"imageSize": 32
});
</script>
</div>

如您所见,我使用内联 css 将父 div float 到另一个 div 附近,这没问题,但图像在父 div 之外 (id="SkypeButton_Call_italy-amo_1")..

我试过用 css 但什么都没有......我不知道为什么..

最佳答案

因此,要使代码性能更好,您可以做的第一件事就是移动脚本部分 -

<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<script type="text/javascript">
Skype.ui({
"name": "call",
"element": "SkypeButton_Call_italy-amo_1",
"participants": ["italy-amo"],
"imageSize": 32
});
</script>

向下并在关闭前立即插入 </body>标签。确保两个脚本的顺序都是正确的。
那么您的标记将只是:

<div id="SkypeButton_Call_italy-amo_1" style="border: solid black 1px; float:left; height:32px;">
</div>

所以你可以应用下面的CSS来调整它:

#SkypeButton_Call_italy-amo_1_paraElement {
margin:0;
}
#SkypeButton_Call_italy-amo_1_paraElement img {
margin:0 !important;
vertical-align:middle !important;
}

Here is a JSfiddle显示 - 将来使用它来创建您的问题的工作示例。

编辑:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<style>
#SkypeButton_Call_italy-amo_1_paraElement {
margin:0;
}
#SkypeButton_Call_italy-amo_1_paraElement img {
margin:0 !important;
vertical-align:middle !important;
}
</style>
</head>
<body>
<div id="SkypeButton_Call_italy-amo_1" style="border: solid black 1px; float: left; width: 100px; height: 32px;"></div>
<script type="text/javascript">
Skype.ui({
"name": "call",
"element": "SkypeButton_Call_italy-amo_1",
"participants": ["italy-amo"],
"imageSize": 32
});
</script>
</body>
</html>

关于css uri Skype 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31611467/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com