Foros del web, para los que viven de bits

seoista · 26-mar-2007, 23:58

Hola, buenos días a tod@s.

¿Qué significado tiene el término "white-space: nowrap;" y para que sirve?.

Muchas gracias avanzadas.

Saludos

webosiris · 27-mar-2007, 00:23

lo explican las especificaciones de CSS

básicamente lo que dice es que el texto no genere un salto de línea despues de un espacio en blanco si no tiene el suficiente encho en su contenedor, sino que siga "sin romprese".. lo mejor es que lo veas en acción para darte cuenta.

Código HTML:

<div style="width:150px"><p>escribe una frase muuy larga para que pase los 150px de ancho de la capa contenedora.</p></div>

<div style="width:150px"><p style="white-space: nowrap">escribe una frase muuy larga para que pase los 150px de ancho de la capa contenedora.</p></div>

seoista · 27-mar-2007, 05:57

Muchas gracias webosiris, muy bien explicado y con ejemplo.

También me ha venido bien el link que me envias.

Saludos

26-mar-2007, 23:58	#1 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 837	>> nowrap << Hola, buenos días a tod@s. ¿Qué significado tiene el término "white-space: nowrap;" y para que sirve?. Muchas gracias avanzadas. Saludos __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

27-mar-2007, 00:23	#2 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.249	Re: >> nowrap << lo explican las especificaciones de CSS básicamente lo que dice es que el texto no genere un salto de línea despues de un espacio en blanco si no tiene el suficiente encho en su contenedor, sino que siga "sin romprese".. lo mejor es que lo veas en acción para darte cuenta. Código HTML: <div style="width:150px"><p>escribe una frase muuy larga para que pase los 150px de ancho de la capa contenedora.</p></div> <div style="width:150px"><p style="white-space: nowrap">escribe una frase muuy larga para que pase los 150px de ancho de la capa contenedora.</p></div> __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

27-mar-2007, 05:57	#3 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 837	Re: >> nowrap << Muchas gracias webosiris, muy bien explicado y con ejemplo. También me ha venido bien el link que me envias. Saludos __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado