Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/08/2013, 15:48
Avatar de eduardobrutaldeath
eduardobrutaldeath
 
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: Propiedad WHITE-SPACE:pre-wrap; (CSS)

Cita:
Iniciado por pzin Ver Mensaje
Bienvenido al foro.

Realmente pre-wrap lo único que hace es que el texto se comporte de forma normal. La única diferencia con el valor por defecto, es que respeta los espacios que hayan en el texto, pero esto no tiene que ver con tu problema.

Vamos, para hacer lo que quieres, no tienes que hacer nada. Porque por defecto el texto se comporta de la forma que dices.

Tal vez lo que ocurra es que si se ponen palabras largas, sin espacios (como URLs) entonces esa palabra no se corta y se sale de su contenedor. Para evitar eso se puede usar:

Código CSS:
Ver original
  1. word-wrap: break-word
Hola, gracias por responder, pero creo que no me has entendido bien, yo quiero hacer esto:

<ARTICLE>
Aquí la persona va a escribir lo que le de la gana, pero por ejemplo si esta persona intenta dar dos espacios en blanco horizontalmente o saltar de línea, no va a poder hacerlo porque no conoce las etiquetas.
</ARTICLE>

Por eso yo había pensado poner el siguiente código en su CSS:

ARTICLE{
height: auto; /el valor auto sería para que no se salga el texto verticalmente en caso exceda el tamaño del contenedor/
width: 500px;
white-space: pre-wrap; /el valor pre-wrap sería para que la persona pueda poner en el editor de texto saltos de línea y espacios sin la necesidad de usar etiquetas/
word-wrap: break-word; /y este valor sería para que por más que una palabra o término sea más grande que el tamaño del contenedor nunca se desborde/
}

Por ejemplo ahora yo estoy escribiendo en este foro y puedo hacer saltos de línea y dejar varios espacios en blanco porque ya está programado... Por eso preguntaba como se hace eso, osea programar con CSS una web para que el navegador muestre tal cual se haya escrito en el editor... no sé si me entiendes...