android - android/webkit文本溢出:省略号不起作用

我试图让以下代码在Android 2.1手机（HTC Sense UI）上工作：

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

但是，文本溢出属性似乎不起作用。有没有其他人遇到过这个问题，或者找到了解决问题的方法？

最佳答案

在android 2.2和android 4上，我使用比字体大的行高（总是em），显示类型为“-webkit box”，垂直方向。
下面是一个例子：

.myClass{
display     : -webkit-box;
-webkit-box-orient  : vertical;
text-overflow   : ellipsis;
-webkit-line-clamp  : 3;
overflow        : hidden;
font-size       : 0.9em;
line-height     : 1.2em;
}