html - Google+ 按钮不显示内联

Question

我的 Google+ 按钮与 Firefox 和 Internet Explorer 中的其他按钮内嵌显示。

但是，它不会与我在 Google Chrome 中的其他按钮内联显示。

页面可以在这里看到：http ://www.abijahchristos.com/sample/springspa

JsFiddle在这里：http: //jsfiddle.net/Abijah/hjpac/

Answer 1

在您main.css的在线 170 更改

#social li { display: inline }

到

#social li { display: inline-block }

JSFiddle

Answer 2

对于跨浏览器修复，请按照 Zoltan 所说的操作，但还要添加一个浮点数，如下所示：

#social li { display:inline-block; float:left; }

IE 存在问题，尤其是带有 inline-block 的旧版本，并且仍然取决于它的使用方式，它可能会在元素的任一侧添加一些额外的像素。