我在尝试定位时遇到问题：在Safari中的内容之前。在Chrome / IE中，内容定位正确，但Safari正在以不同方式解释样式（请参阅：http://jsfiddle.net/danwoods/Yb8aR/）。我最初的想法是从跨度中移除position: absolute：之前，但这表明它自己的问题......
有什么不合适的地方吗？关于为什么Safari显示与Chrome不同的东西的任何解释？
谢谢， 丹
答案 0 :(得分：4)
我不确定删除绝对位置时遇到了什么问题，但我已将其更改为position: relative，使用top: 4px将其与文本对齐，{{1}允许保证金权利将其与文本分开。
display: inline-block小提琴就在这里：http://jsfiddle.net/Yb8aR/5/ - 在Chrome和Safari中测试过。
注意： 看起来Safari将之前的伪元素与span元素对齐，而Chrome似乎将其与span元素（居中）中的文本对齐。为什么会这样，我真的不确定。