Wordpress 简单css3动画上的CSS一致性交叉浏览器

我在css一致性方面有一个问题： 检查右上角的社交图标，图标在IE上的位置是正确的（奇迹！），使用FF时总是关闭20px，在页面加载时关闭，然后在首次将鼠标悬停在Chrome上后居中。 当然，这是一个必然的结果：在保证金离开后的行为。 我曾经尝试过处理这个问题，但只是设法在浏览器之间切换问题，从来没有设法让这三种浏览器都按预期工作。 请帮我把它钉上

---

提前感谢您的时间和努力。

有时外部主题不可靠

您必须在style.css的末尾添加以下内容：

#top-social-bar{ 
    display:table;
}
#top-social-bar li {
    display: table-cell;
    float: none;
}
#top-social-bar a:before, #top-social-bar a:after{
    width:auto
}

---

只是一个快速修复，目前我只有Chrome需要测试，所以不能保证其他浏览器，但可以尝试在您的样式中添加类似的内容：

#top-social-bar a{
 text-align:left;
}

#top-social-bar a:before, 
#top-social-bar a:after { 
  text-align: center;
}

---

工作得很好。就这么简单。我一直在摆弄页边空白，甚至没有考虑过文本对齐。谢谢|