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

zim*_*pff 6 css android webkit

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

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;   
}
Run Code Online (Sandbox Code Playgroud)

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

小智 5

在 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;
}
Run Code Online (Sandbox Code Playgroud)


mar*_*nve 2

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