Foros del Web » Creando para Internet » CSS »

Hacer que una capa no pueda tener más de 1 linea

Estas en el tema de Hacer que una capa no pueda tener más de 1 linea en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/01/2009, 19:20
 
Fecha de Ingreso: junio-2008
Mensajes: 131
Antigüedad: 15 años, 10 meses
Puntos: 2
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:

  #2 (permalink)  
Antiguo 07/01/2009, 20:57
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 16 años, 10 meses
Puntos: 59
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"
  #3 (permalink)  
Antiguo 07/01/2009, 21:07
 
Fecha de Ingreso: junio-2008
Mensajes: 131
Antigüedad: 15 años, 10 meses
Puntos: 2
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;
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 14:50.