的Android/WebKit的文本溢出：省略號不工作

我試圖讓下面的代碼到androind 2.1手機（HTC的Sense UI）上工作：的Android/WebKit的文本溢出：省略號不工作

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

然而，文本溢出屬性不似乎工作。有其他人有這個問題，或找到一種方法來解決它？

來源

2010-10-27 zimpff

我看你沒有定義寬度。如果元素被允許得到任意寬度，那麼將不會有任何溢出>>>元素。溢出它父項的元素不會給你想要的效果。

來源

2011-04-21 14:36:34 martijnve

如果overflow設置爲隱藏並且它包含一個元素，通常情況下並不正確。我經常這樣做，我得到省略號。然而，我注意到了Android上的一個問題，您會發現剪輯和省略號重疊的奇怪組合。不知道爲什麼。 – 2012-06-08 00:11:23

在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; 
}

來源

2012-10-05 13:57:15 CJAgile

看來，當你的「顯示」設置爲「-webkit-盒子」，恢復到「塊」會做「省略號」是行不通的。這可能有所幫助：https://bugzilla.mozilla.org/show_bug.cgi?id=672944#c0

來源

2014-07-02 02:19:23

的Android/WebKit的文本溢出：省略號不工作

回答

相關問題