css - 浏览器之间 div 中文本垂直对齐方式的差异

Question

我的 html 中有一个 div，如下所示:

<div class="questInfo">
   <div class="questBounty">100</div>
</div>

和 CSS:

.questInfo {
  background-color: #fcfcfb;
  padding: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

.questBounty {
  position: absolute;
  right: 10px;
  font-family: 'Helvetica';
  font-weight: bold;
  background-color: #ffedcc;
  font-size: 40px;
  padding: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #808080;
}

当我在 Safari 中查看此内容时，如我所愿，我得到以下信息:

但在 Firefox 中，文本似乎被推高了:

我应该设置一些属性来实现前者吗？

A fiddle.

谢谢。

Answer 1

我真的不认为这可以解决，但尝试添加-moz- 在你的 CSS 中那就是对 Firefox 的支持

-moz-边界半径

-WebKit - 已经支持 safari 所以我认为这应该支持 Firefox