Chrome(33)显示内联块不同

时间:2014-02-24 17:25:04

标签: html css css3 google-chrome

http://jsfiddle.net/3tBvG/

如果您打开jsfiddle示例,它会在较旧的Chrome,Firefox,IE中正常显示,但在最新的Chrome版本(33)中,它会将最后一个<a>图标分成新行:

Chrome 33: enter image description here

其他enter image description here

有人知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

我想我解决了这个问题:http://jsfiddle.net/3tBvG/4/

我刚刚将width: 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>