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

我看到你没有定义宽度。如果允许该元素任意宽，则＆gt;内的任何溢出都不会出现＆gt; 。元素。溢出其父级的元素不会给你带来预期的效果。

Answer 3

当'display'设置为'-webkit-box'时，似乎'省略号'不起作用，重置为'block'就行了。这可能有所帮助：https://bugzilla.mozilla.org/show_bug.cgi?id=672944#c0

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

3 个答案: