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

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

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

我该如何解决这个问题?

【问题讨论】:

  • 你真的要支持 Opera mini 吗?
  • 那么现在谁支持 Opera Mini? dev.opera.com/articles/view/…
  • 您还有其他选项,例如内边距、字体大小
  • 这篇文章或许能帮到你:phrogz.net/CSS/vertical-align
  • ty 对于所有 cmets,我会尝试 "display:table-cell; vertical-align:middle;"

标签: css opera-mini


【解决方案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; 

【讨论】:

  • 添加一些解释,说明此答案如何帮助 OP 解决当前问题
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-09-22
  • 1970-01-01
  • 1970-01-01
  • 2016-01-06
  • 2013-02-09
相关资源
最近更新 更多