水平addthis小部件仅在Safari中垂直堆叠

时间:2013-03-05 19:31:30

标签: javascript html css addthis

示例:www.dirtycookie.co

查看Firefox(或任何其他浏览器)和Safari。

Firefox具有所需的行为。

这是我的AddThis代码:

<div class="addthis_toolbox addthis_default_style" style="text-align:center;">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"     addthis:url="http://www.facebook.com/TheDirtyCookie"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:url="http://www.dirtycookie.co"    pi:pinit:layout="horizontal" always-show-count="1" pi:pinit:size="small"></a> 
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_stumbleupon_badge"></a>  
<a class="addthis_counter addthis_pill_style"></a>
</div>

JavaScript的:

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>

1 个答案:

答案 0 :(得分:2)

它也在Chrome上发生(最新)..

你的CSS和Widget CSS(addThis)正在发生冲突.... .....通过在style.css中添加它来覆盖它:

.addthis_default_style .addthis_separator, 
.addthis_default_style .at300b, 
.addthis_default_style .at300bo, 
.addthis_default_style .at300m, 
.addthis_default_style .at300bs {
    float: left !important;
}