próbuję uzyskać następujący kod do pracy na androind 2.1 telefonie (HTC Sense UI):android/WebKit text-overflow: wielokropek nie działa
h1 {
font-size: 14px;
font-weight: bold;
color: #FFF;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
jednak właściwość text-overflow nie wydaje się działać. czy ktokolwiek inny miał ten problem lub znalazł sposób na obejście tego problemu?
Widzę, że nie masz zdefiniowanej szerokości. Jeśli element może uzyskać dowolnie szerokie pole, nigdy nie będzie przepełnienia>w obrębie elementu. Element przepełniający rodzica nie da pożądanego efektu.
na Androidzie 2.2 i 4, używam wysokość wiersza większy niż rozmiar czcionki (em) zawsze z typem wyświetlacza „-webkit-box” i orientacji pionowej.
Oto przykład:
.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;
}
Wydaje się, że „elipsa” nie działa, gdy „display” jest ustawiona na „-webkit-box”, ustawiony na „bloku” zrobi. Może to pomóc: https://bugzilla.mozilla.org/show_bug.cgi?id=672944#c0
To nie jest prawda w ogóle, jeśli przepełnienie jest ustawione na ukryte i zawiera element zawierający. Regularnie to robię i dostaję elipsę. Zauważyłem jednak problem z systemem Android, na którym nakłada się dziwna kombinacja obciętych i nakładających się elips. Nie pewny dlaczego. –