Skype按钮代码产生过多的填充 - 需要使用内联样式消除

时间:2016-06-01 18:38:39

标签: html skype inline-styles

添加带内联格式的Skype按钮正在生成具有巨大利润的Skype图片链接。 CSS不是一个选项,必须使用内联样式。正在使用的Skype按钮代码是:

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_auctionsafe_1" style="margin: 0px 0px 0px 0px;">
 <script type="text/javascript">
 Skype.ui({
 "name": "chat",
 "element": "SkypeButton_Call_auctionsafe_1",
 "participants": ["user1"],
 "imageSize": 16
 });
 </script>
</div>

此代码产生以下结果,包括或不包含样式/边距属性(style =&#34; margin:0px 0px 0px 0px;&#34;)已添加:

This code produces the following result with or without the style/margin attribute added.

这是理想的结果:

This is the desired result

如何消除填充以使Skype pic适合周围的文本?

2 个答案:

答案 0 :(得分:0)

样式已应用于实际图像本身,因此您只能使用负边距执行此操作。 Hacky但它​​有效:

style="margin:-25px 0px 0px -15px;"

http://jsbin.com/havuledoci/edit?html,output

答案 1 :(得分:-1)

这是一个更简单的解决方案,可以覆盖保证金 !important将覆盖图像边距,即使被Skype强制也是如此。

# Imports
from sklearn.feature_extraction.text import HashingVectoriser
from sklearn.cluster import KMeans

# Get your data
data = get_your_list_of_strings_to_cluster()

# Get your feature matrix
text_features = HashingVectorizer(analyzer="word").fit_transform(data)

# Compute clusters
clusterer = KMeans(n_clusters=2)
clusters = clusterer.fit_predict(text_features)

像这样使用

.skypeButton {
  margin: 0;
}
.skypeButton img {
  margin: 0 !important;
  vertical-align: middle !important;
}

从这里采取 https://faheart.com/47325/how-to-edit-skype-contact-me-button-css