texto se sale del div

[guardarmicorreo]

a la hora de extraer el texto de un post

¿cómo impido que el texto se salga de una ventana div o cree scroll al igual que se hace en este blog?

gracias.

[maycolalvarez]

lo que se hace es definir un ancho fijo (en total de caracteres) y se corta al procesar el post.

lo usual es que se busquen palabras largas, sin espacios, y cortarlas, al fin y al cabo es un proceso encargado en el servidor.

[guardarmicorreo]

Iniciado por maycolalvarez

lo que se hace es definir un ancho fijo (en total de caracteres) y se corta al procesar el post.

lo usual es que se busquen palabras largas, sin espacios, y cortarlas, al fin y al cabo es un proceso encargado en el servidor.

entonces este proceso no se hace ni con html ni con css3 sino con php por ejemplo?

[maycolalvarez]

Iniciado por guardarmicorreo

entonces este proceso no se hace ni con html ni con css3 sino con php por ejemplo?

sí, aunque también lo puedes hacer con js, pero lo ideal es que el server lo haga y se almacene así de una vez.

aunque no descartes la posibilidad de que pueda hacerse con HTML o CSS, no he investigado si se pueda, pero mientras ve por lo seguro: php

[pzin]

Si es para textos de una sola línea, puede hacerse con CSS, que además en un diseño líquido queda muy bien.

Código CSS:

h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 

Overflow es para ocultar lo que sobresalga, ellipsis sirve para añadir puntos suspensivos en caso de que el texto haya que cortarlo y el white-space para que el texto no tenga saltos de linea.

[Rafael]

Hum... yo estoy entendiendo que quiere lo contrario.

Si lo que quieres es que un texto no se salga de un div, ni aparezca una barra de scroll... No hagas nada.

Por el contrario, si sí quieres que tenga un ancho definido, tan definido que no le importe el contenedor, entonces le haces overflows, nowarps, también width y cosas así.

Si lo que tienes es un caso ya específico donde tienes el problema, debiste de pegar ese código para detectar el problema, pero básicamente es que en ese caso localices alguna de estas cosas y la elimines. Muy probablemente sea un width: 900px por ejemplo.