Non sono sicuro se sia possibile utilizzare lo stile text-overflow: ellipsis; su un elemento <button>. Ecco il mio tentativo: http://jsfiddle.net/WilsonPage/tK727/È possibile utilizzare overflow del testo: puntini di sospensione su un elemento del pulsante?
Sì, lo è. Il tuo esempio funziona perfettamente! :)
Non nel mio browser (Chrome 17) – wilsonpage
Non in WebKit (Chrome, Safari) . –
Bug è qui anche in Chrome 19 (Canary). –
ya la sua possibile & ho testato sui principali browser così come il suo lavoro
potete vedere la demo dal vivo: -http://jsfiddle.net/tK727/2/
Testato anche in cromo? Potresti guardare la risposta qui sotto. –
Questo non funziona in Chrome, il suggerimento span funziona su tutti i browser – hisnameisjimmy
questo dovrebbe essere rimosso, non funziona nel webkit – drogon
A causa di limitazioni nei browser , avvolgere il testo del pulsante all'interno per es un elemento span e impostare gli stili su di esso. Esempio (disponibile come jsfiddle troppo):
<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>
Questo funziona. Solo un breve commento: suggerirei di usare un elemento 'div' invece di un' span', quindi puoi omettere 'display: block'. –
Sembra che tu hai scoperto un bug in WebKit (il motore di rendering utilizzato da Chrome e Safari). Si prega di segnalarlo su http://new.wkbug.com/ in modo che possa essere corretto in una versione futura. –
C'è un bug su Chromium relativo a questo: http://code.google.com/p/chromium/issues/detail?id=107014 –