Foros del Web » Creando para Internet » HTML »

Etiqueta pre con atributo width

Estas en el tema de Etiqueta pre con atributo width en el foro de HTML en Foros del Web. Hola, estoy utilizando la etiqueta xhtml <pre> para mostrar el texto con formato(saltos de lineas, espacios...) extraido de la base de datos. Con esto consigo ...
  #1 (permalink)  
Antiguo 21/02/2008, 09:53
Avatar de juanra_83  
Fecha de Ingreso: mayo-2007
Ubicación: Gijón - España
Mensajes: 41
Antigüedad: 17 años, 6 meses
Puntos: 0
Etiqueta pre con atributo width

Hola,

estoy utilizando la etiqueta xhtml <pre> para mostrar el texto con formato(saltos de lineas, espacios...) extraido de la base de datos. Con esto consigo mantener el formato que introdujo el usuario.

El problema es el siguiente:

utilizo el atributo width para cortar las líneas de texto. Un ejemplo:

Código:
<pre width="50">texto sacado de la base de datos</pre>
con esto consigo mostrar el texto con un acho de linea de 50 caracteres.

El problema es que solo funciona en Firefox, mientras que en IE muestra cada línea entera, es decir, no respeta el atributo width.

¿Alguien sabe cual puede ser el problema, o si hay alguna alternativa?

Saludos!!
  #2 (permalink)  
Antiguo 03/04/2013, 19:10
 
Fecha de Ingreso: noviembre-2011
Ubicación: Sevilla
Mensajes: 48
Antigüedad: 13 años
Puntos: 1
Respuesta: Etiqueta pre con atributo width

Llego muy tarde, pero vengo de encontrar el mismo problema y por si a alguien le sirve...

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

fuente: http://www.blogmundi.com/2006/10/05/evita-las-lineas-largas-cuando-escribas-codigo-usando-css/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:29.