Html Chrome(33)显示不同的内联块
如果打开JSFIDLE示例,它在较旧的Chrome、Firefox、IE中显示良好,但在最新的Chrome版本(33)中,它将最后一个Html Chrome(33)显示不同的内联块,html,css,google-chrome,Html,Css,Google Chrome,如果打开JSFIDLE示例,它在较旧的Chrome、Firefox、IE中显示良好,但在最新的Chrome版本(33)中,它将最后一个图标改为新行: 铬33: 其他 有人知道如何解决这个问题吗?我想我解决了这个问题: 我刚刚添加了宽度:100px进入按钮容器div <div class="addthis_toolbox addthis_default_style addthis_20x20_style" style="display:inline-block; width: 100px;
图标改为新行:
铬33:
其他
有人知道如何解决这个问题吗?我想我解决了这个问题:
我刚刚添加了宽度:100px代码>进入按钮容器div
<div class="addthis_toolbox addthis_default_style addthis_20x20_style" style="display:inline-block; width: 100px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_email"></a>
</div>
有趣的观察。。。如果打开Chrome的开发者工具并取消选中该元素上的display:inline block
,然后重新检查,它看起来是正确的。@Brad是的,我在开发者工具中也注意到了这一点,但由于某些原因它不起作用。Facebook图标看起来有点不同。也许其中一个元素的宽度会改变。。。我现在正在探索。@jmh010所有图标都是通过Addthis插件嵌入的。@user3187469我的意思是,可能它的呈现略有不同。一个图像或边框或边距1px使按钮换行。。。