Ocultar texto yendo más allá del elemento DIV

Question

Tengo un elemento DIV con ancho fijo que tiene texto que no tiene espacios para que el analizador HTML se divida automáticamente en varias líneas. El texto está yendo más allá del límite del DIV y desordenar al pgae:

1. ¿Hay alguna forma de hacer que el texto vaya más allá del límite invisible?
2. ¿Es posible dividirlo en varias líneas o, mejor aún, dividir en varias líneas con un hypen al final de cada línea discontinua?

Saludos,
Rafid

Answer 1

Usted puede hacer esto con CSS.

¿Hay alguna forma de hacer que el texto vaya más allá del límite invisible?

Sí: overflow

#yourDivId { 
    overflow: hidden; 
} 

¿Es posible dividirla en varias líneas

Sí: word-wrap

#yourDivId { 
    word-wrap: break-word; 
} 

Answer 2

Usted podría utilizar CSS:

div { 
    overflow: hidden; 
} 

O:

overflow: auto; 

Para más: https://developer.mozilla.org/en/docs/Web/CSS/overflow

Answer 3

La respuesta a la primera pregunta es utilizar el siguiente estilo:

overflow: hidden; 

Alternativamente, si desea ser capaz de desplazarse en el div para ver el contenido que puede hacer

overflow: auto; 

o

overflow: scroll; 

para hacer lo que le pidan en su segunda pregunta se necesitaría algo de JavaScript.