Chrome移动浏览器中文本的错误垂直对齐

Question

我的DIV具有固定高度，包含一些文本。线高=div的高度。问题：在Chrome Mobile中，文本并不能完美地垂直中心。在Firefox Mobile中，一切还可以。请注意，我正在使用标准Verdana字体。

我也发现了其他一些网站遇到了同样的问题。

如何解决此问题，任何建议？

预先感谢！

Answer 1

将以下Flex CSS样式属性添加到您的特定Div容器中，应该可以。

.cells-block {
  font-family: Verdana;
  width:300px;
  height: 100px;
  background: red;
  display: flex;
  align-items: center;
  /* vertically   */
  justify-content: center;
  /* horisontally */
  text-align: center;
  /* addition: for text's lines */
}

<div class="cells-block">
  This is some text<br>Randomrandom stuff
</div>