No estoy seguro de si es posible utilizar el estilo text-overflow: ellipsis; en un elemento <button>. Aquí está mi intento: http://jsfiddle.net/WilsonPage/tK727/¿Es posible usar el desbordamiento de texto: puntos suspensivos en un elemento de botón?
Sí, lo es. ¡Tu ejemplo está funcionando perfectamente! :)
No en mi navegador (Chrome 17) – wilsonpage
No en WebKit (Chrome, Safari) . –
El error está aquí en Chrome 19 (Canary) también. –
ya su posible & que he probado en los navegadores más importantes, así como su trabajo
se puede ver la demostración en vivo: -http://jsfiddle.net/tK727/2/
Probado en cromo también? Puede mirar la respuesta a continuación. –
Esto no funciona en Chrome, la sugerencia de span funciona en los navegadores – hisnameisjimmy
esto debe eliminarse, no funciona en webkit – drogon
Debido a las limitaciones en los navegadores , ajuste el texto del botón dentro, por ejemplo un elemento span y establece los estilos en él. Ejemplo (disponible como jsfiddle también):
<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>
Esto funciona. Solo un pequeño comentario: Sugeriría usar un 'div' en lugar de un elemento' span', entonces puedes omitir 'display: block'. –
Parece que usted ha descubierto un error en WebKit (el motor de renderizado utilizado por Chrome y Safari). Informe en http://new.wkbug.com/ para que se pueda solucionar en una versión futura. –
Hay un error en Chromium relacionado con esto: http://code.google.com/p/chromium/issues/detail?id=107014 –