Limitar o tamanho de um texto em uma DIV

Seguinte galera,

to com o seguinte problema..

Tenho que determinar o tamanho de um texto de acordo com o tamanho da div onde ele está.

basicamente é o seguinte, tenho o seguinte texto:

$variavel = "TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE";

 

<div id="div_teste"><?php echo $variavel;?></div>

Isto vai fazer com que dentro da div "div_teste" apareça o texto na $variavel certo?

Bom, no PHP eu consigo determinar a quantidade máxima de caracteres a serem exibidos através de: ... echo substr($variavel, 0, 80);

Desta forma vai exibir apenas os 80 caracteres certo?

o problema é que nem sempre os 80 caracteres vão preencher toda a div e as vezes vão estourar o limite de tamanho, por exemplo... <div id="" style="width: 80px; height: 50px;"></div>

certa vez vi por ai, mas não me lembro onde, uma função em JavaScript que definia o tamanho do texto de acordo com o tamanho da div.

alguem ai ja viu?

vlew

.. abraços