css - 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使用系统字体来渲染文本，因为很多设备无法渲染非系统字体。所以它不适用font-size/ line-heightCSS 属性。

Answer 2

使用这些定义：

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

对于子标签：

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