Foros del web, para los que viven de bits

Charlii · 07-ene-2009, 18:20

Hola, estoy programando una web y debo mostrar una lista de datos de unas personas (nombre, email, telefono, etc).

Los muestro como si fuera una tabla pero usando capas.

Mi pregunta es... como hacer para que una capa que está limitada de su ancho, no pueda contener texto que ocupe más de una línea, que en caso de que el texto no quepa, sólo muestre parte del texto y quede "cortado".

Para que se entienda sin tanto rollo, algo igual a lo que hage Gmail al mostrar los emails:

lucasan · 07-ene-2009, 19:57

Hola, la propiedad en css se llama overflow.

Por otro lado, estas mostrando Datos Tabulados, deberías usar tablas, eso es lo correcto.

Charlii · 07-ene-2009, 20:07

Gracias por responder, lucasan.

Ya lo resolví, usando un método que mezlca el overflow y el alto de la capa, opcionalmente también uso la propiedad del alto de la línea para que el texto quede centrado verticalmente.

Aquí el código:

Código:

overflow: hidden;
height: 15px;
line-height: 15px;

07-ene-2009, 18:20	#1 (permalink)
Charlii Fecha de Ingreso: junio-2008 Mensajes: 32	Hacer que una capa no pueda tener más de 1 linea Hola, estoy programando una web y debo mostrar una lista de datos de unas personas (nombre, email, telefono, etc). Los muestro como si fuera una tabla pero usando capas. Mi pregunta es... como hacer para que una capa que está limitada de su ancho, no pueda contener texto que ocupe más de una línea, que en caso de que el texto no quepa, sólo muestre parte del texto y quede "cortado". Para que se entienda sin tanto rollo, algo igual a lo que hage Gmail al mostrar los emails:

07-ene-2009, 19:57	#2 (permalink)
lucasan Colaborador Fecha de Ingreso: junio-2007 Ubicación: Cali - Colombia Mensajes: 1.093	Respuesta: Hacer que una capa no pueda tener más de 1 linea Hola, la propiedad en css se llama overflow. Por otro lado, estas mostrando Datos Tabulados, deberías usar tablas, eso es lo correcto. __________________ Plan Original Desarrollo Web ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida"

07-ene-2009, 20:07	#3 (permalink)
Charlii Fecha de Ingreso: junio-2008 Mensajes: 32	Respuesta: Hacer que una capa no pueda tener más de 1 linea Gracias por responder, lucasan. Ya lo resolví, usando un método que mezlca el overflow y el alto de la capa, opcionalmente también uso la propiedad del alto de la línea para que el texto quede centrado verticalmente. Aquí el código: Código: overflow: hidden; height: 15px; line-height: 15px;

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