Nie jestem pewien, czy możliwe jest użycie stylu text-overflow: ellipsis; na elemencie <button>. Oto moja próba: http://jsfiddle.net/WilsonPage/tK727/Czy można użyć przelewu tekstowego: elipsa na elemencie przycisku?
Tak, jest. Twój przykład działa idealnie! :)
Nie w mojej przeglądarce (Chrome 17) – wilsonpage
Nie w WebKit (Chrome, Safari) . –
Błąd jest tutaj również w Chrome 19 (Kanaryjskie). –
ya jego możliwości & Ja testowałem na głównych przeglądarek jak również jego pracy
można zobaczyć prezentację na żywo: -http://jsfiddle.net/tK727/2/
Testowane również w chrome? Możesz spojrzeć na poniższą odpowiedź. –
To nie działa w Chrome, propozycja zakresu działa w różnych przeglądarkach – hisnameisjimmy
to powinno zostać usunięte, to nie działa w webkitcie – drogon
Ze względu na ograniczenia w przeglądarkach , zawiń tekst przycisku wewnątrz np element span i ustaw style na nim. Przykład (dostępny jako jsfiddle zbyt):
<style>
.buttontext {
width: 95px;
overflow: hidden;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
}
</style>
<button><span class="buttontext">Very long text Very long text
Very long text</span></button>
To działa. Tylko krótki komentarz: Proponuję użyć elementu 'div' zamiast elementu' span', wtedy możesz pominąć 'display: block'. –
Wygląda jakbyś odkrył błąd w silniku WebKit (renderowania używany przez Chrome i Safari). Prosimy o zgłoszenie go na stronie http://new.wkbug.com/, aby można było je poprawić w przyszłej wersji. –
Istnieje błąd związany z Chromium: http://code.google.com/p/chromium/issues/detail?id=107014 –