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

Question

我试图让以下代码在androind 2.1手机(HTC Sense UI)上工作:

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

但是,文本溢出属性似乎不起作用.有没有其他人有这个问题,或找到解决方法？

Answer 1

在 Android 2.2 和 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;
}

Answer 2

我发现你没有定义宽度。如果允许元素变得任意宽，则元素内永远不会出现任何溢出。溢出其父元素的元素不会给您带来所需的效果。