文本溢出：省略号在 Android 上跳到文本后面答案

【问题标题】：Text-overflow: ellipsis jumps behind text on Android文本溢出：省略号在 Android 上跳到文本后面
【发布时间】：2012-08-08 08:19:59
【问题描述】：

我试图用文本溢出省略 h2 标记。它在所有浏览器上都可以正常工作，但在 Android 上。

三个点会跳到剪辑文本后面，因此您实际上看不到省略号。

h2 的 css 是：

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

我有很多其他样式，但不知道会影响到什么。

我做了一个虚拟测试，效果很好，所以我想知道以前是否有人经历过这种行为？

【问题讨论】：

【解决方案1】：

所以我设法通过逐行运行 css 来弄清楚。原来text-rendering: optimizeLegibility; 导致错误！删除它，现在它可以完美运行了！

【讨论】：

【解决方案2】：

这对我有用

基本添加 text-rendering: auto;到你的有省略号的CSS

【讨论】：