Ajutar texto a div o tabla, sin modificar el tamaño

[hernan2212]

Hola, he leído muchísimos post buscando una respuesta pero no he podido hallar uno que solucione lo que necesito.

Tengo un área de trabajo de 102mm X 64mm, en dicha área puedo poner un div o una tabla o lo que sea. El problema que tengo es el texto de adentro no lo manejo yo y no puedo dejar que se agrande de los 102mm x 64mm iniciales.

Más que nada el problema lo tengo con el alto ya que el ancho lo pude ajustar para que no agrande.

CSS que estoy probando

Código CSS:

<STYLE type="text/css">    
    #divid{
        width: 102mm;
        max-height:64mm;
        background-image: url(fondo.png);
        background-repeat:no-repeat;
        alignment-adjust:central;
        vertical-align:middle;
        border:#333;
        display: table-cell;
     }
     .#div-interna {    
  width:102mm; 
  height:64mm;
  max-width:102mm;
  min-width:102mm; 
  max-height:64mm; 
  min-height:64mm;  
}
 
 
</style>
 

Código PHP:

<div id="divid">
        <div id="div-interna">
        <? echo $frase; ?>
 
 
    </div>
    </div>
 

Probé usando porcentajes en el tamaño de la fuente de letras pero no encontrado el efecto deseado.

[Rafael]

No entiendo bien que necesitas. Me saca de onda de entrada que necesites milímetros. Supongo/espero que es para impresos.

Creo entender que el texto quieres que crezca o achique de igual manera que en un powerpoint se reduce el tamaño del texto dependiendo de si escribes más texto, de manera en que quepa en la diapositiva.

No se puede con CSS solo, necesitas JavaScript o Jquery en su caso. Busca estas opciones:

https://www.google.com.mx/search?q=jquery+scaling+text

[hernan2212]

Hola Rafael
Si es para imprimir etiquetas con distintas descripciones que vienen desde una base de datos mysql.
Implemente dos script con jquery pero no funcionaron correctamente.
Voy a buscar un poco mas con los lineamientos que me pasaste vos.
Desde ya muchas gracias!