Opera mini不支持行高

Question

我设计了一个网站。但是，在Opera Mini中，行高不起作用。

.lbl-name {
    height: 30px;
    line-height:30px;
}

我该如何解决这个问题？

Answer 1

Opera Mini错过了所有line-height的值，并使用line-height: normal呈现所有值。 我无法找到证据任何链接，但根据我的开发经验（5年支持移动网站，以及Opera mini）也是如此。

编辑（添加校对链接）：

Opera Mini use system fonts用于渲染文本，因为许多设备无法渲染非系统字体。因此，它不会应用font-size / line-height CSS属性。

Answer 2

使用以下定义：

display: table; 
vertical-align: middle; 
height:50px; 

对于子标记：

display: table-cell;
vertical-align: middle;