Opera mini 不支持行高答案

【问题标题】：Opera mini doesn't support line-heightOpera mini 不支持行高
【发布时间】：2014-03-31 11:32:43
【问题描述】：

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

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

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

Opera Mini 错过所有line-height 的值并使用line-height: normal 渲染所有值。我找不到任何链接的证据，但根据我的开发经验（5 年支持移动网站，也支持 Opera mini）这是真的。

编辑（添加证明链接）：

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

【讨论】：

【解决方案2】：

使用这些定义：

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

对于子标签：

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

【讨论】：