我有一个68px宽度的徽标，我想在页面的中央上方显示这个徽标。 所以我把它放在导航栏里，我给了它这样的风格:
.center{
position: absolute;
left: -webkit-calc(50% - 34px);
right: -webkit-calc(50% - 34px);
img{
margin: 11px 0px 0px 0px;
}
}
最初我使用left:50%和right:50%，但是有一个问题:logo的大小没有计算在内，所以它不会显示在中心（正好是中心！） 所以我使用-webkit-calc(50%-34px)；来计算logo的大小。 问题是它能在Chrome中运行，但在Firefox中却不行！
对于Firefox，这个功能有没有其他选择？
只需使用calc:
.center{
position: absolute;
left: calc(50% - 34px);
right: calc(50% - 34px);
img{
margin: 11px 0px 0px 0px;
}
}
-webkit-是Safari和基于Chromium的浏览器（Chrome，Chromium，Brave，新的Microsoft Edge）使用的前缀。 (-moz-是Firefox[用于“Mozilla”]使用的；即和旧版Edge使用-ms-)，但是calc已经有一段时间不需要前缀了。
