javascript - 水平添加此小部件仅在 Safari 中垂直堆叠

Question

示例：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>

Answer 1

它也在 Chrome 上发生（最新）..

您的 CSS 和小部件 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;
}