Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Chrome(33)显示不同的内联块_Html_Css_Google Chrome - Fatal编程技术网

Html 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;

如果打开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;">
    <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使按钮换行。。。