文本溢出:省略号跳到Android上的文本后面

Question

我试图用文本溢出省略一个h2标签.它适用于所有浏览器,但在Android上.

三个点在剪切的文本后面跳跃,因此您实际上无法看到省略号.

h2的css是:

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

我有很多其他风格,但无法弄清楚会对此产生什么影响.

我做了一个假测试工作正常,所以我想知道以前是否有人经历过这种行为？

Answer 1

所以我设法通过逐行运行css来解决这个问题.原来这 text-rendering: optimizeLegibility; 导致了错误!删除它,现在它完美地工作!