2012-08-08 99 views
3

即时尝试省略一个带有文本溢出的h2标记。它适用于所有浏览器,但Android上。文本溢出:省略号跳到Android上的文本后面

这三个点跳到剪辑文本后面,所以你实际上看不到省略号。

为H2的CSS是:

h2 { 
    font-size: 20px; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    width: 40%;  
} 

我有很多的其他的风格,但无法弄清楚什么会影响到这一点。

我做了一个虚拟测试,工作正常,所以我想知道如果有人经历过这种行为?

回答

11

所以我设法弄清楚,通过逐行运行的CSS。事实证明,text-rendering: optimizeLegibility; 导致错误! 删除它,现在它完美的作品!

+1

谢谢你 - 我一直在到处寻找解决这个问题,这个终于解决了! – 2012-10-16 18:50:09

+0

谢谢,绝对为我节省了很多时间。 – rauberdaniel 2013-05-10 12:26:49

+0

对我来说,将属性设置为auto或optimizeSpeed解决了问题。 – 2013-06-13 13:34:59