Foros del Web » Creando para Internet » CSS »

Reducir tamaño fuente si es más ancho que el div

Estas en el tema de Reducir tamaño fuente si es más ancho que el div en el foro de CSS en Foros del Web. Hola que tal. Tengo una div con ancho fijo, 500px. Y dentro va un titular que normalmente cabe en una línea en ese ancho. Lo ...
  #1 (permalink)  
Antiguo 06/11/2013, 06:22
 
Fecha de Ingreso: octubre-2008
Ubicación: Alicante
Mensajes: 337
Antigüedad: 13 años, 3 meses
Puntos: 9
Reducir tamaño fuente si es más ancho que el div

Hola que tal.

Tengo una div con ancho fijo, 500px. Y dentro va un titular que normalmente cabe en una línea en ese ancho. Lo que pasa es que a veces el titular es un poco más largo, y lógicamente se crea una segunda línea.

Quisiera saber si existe alguna forma de que el tamaño del texto se reduzca para evitar que sobre pase el div. Exactamente lo mismo que hace en Excel la opción "Reducir hasta ajustar".

Ojalá podáis ayudarme, mil gracias de antemano!!
Saludos
  #2 (permalink)  
Antiguo 06/11/2013, 12:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 5 meses
Puntos: 2113
Respuesta: Reducir tamaño fuente si es más ancho que el div

No existe, no. Al menos no es CSS.

Lo que suele hacerse últimamente es ocultar ese contenido sobrante y añadir unos puntos suspensivos:

Código CSS:
Ver original
  1. div h1 {
  2.   overflow: hidden;
  3.   text-overflow: ellipsis;
  4.   white-space: nowrap;
  5. }
  #3 (permalink)  
Antiguo 06/11/2013, 13:46
Avatar de Faks  
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Reducir tamaño fuente si es más ancho que el div

Si dicho titular es resultado de un llamado a una base de datos se puede poner un limite de caracteres y así en vez de crearte una segunda linea te muestra tres puntos al final, pero no tienen nada que ver con css y no cumple del todo lo que buscas.
  #4 (permalink)  
Antiguo 06/11/2013, 15:29
 
Fecha de Ingreso: octubre-2008
Ubicación: Alicante
Mensajes: 337
Antigüedad: 13 años, 3 meses
Puntos: 9
Respuesta: Reducir tamaño fuente si es más ancho que el div

Está bien, conocía lo de ocultar y poner puntos suspensivos, me tocará hacer eso mejor por que lo de calcular un número exacto de caracteres no me sirve porque a veces se escribe todo en mayúsculas y hay bastante diferencia de anchos entre unos títulos y otros.

Muchas gracias a los dos. Ojalá se pueda hacer con CSS en un futuro.
Saludos!!

Etiquetas: ancho, fuente, reducir, tamaño
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 03:04.