css - truncar - ¿Es posible usar texto desbordado: puntos suspensivos en un elemento de botón?

texto en varias lineas css

Question

No estoy seguro de si es posible usar el text-overflow: ellipsis; estilo en un elemento <button> . Aquí está mi intento: http://jsfiddle.net/WilsonPage/tK727/

Answer 1

Debido a las limitaciones en los navegadores, envuelva el texto del botón dentro, por ejemplo, un elemento span y establezca los estilos en él. Ejemplo (disponible también como jsfiddle ):

<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>

Answer 2

Sí lo es. ¡Tu ejemplo está funcionando perfectamente! :)

Answer 3

Ya es posible y lo he probado en los principales navegadores, así como en su funcionamiento

Puedes ver la demostración en vivo: - http://jsfiddle.net/tK727/2/

Puedes leer más sobre la propiedad de desbordamiento de texto