JavaScript - acortar url segun ancho de caja y que aparezca ...

-->> acortar url segun ancho de caja y que aparezca "..." (tres puntos) <<--

quiciera saber como por ejemplo en un blog de blogger que tienes que la caja que aloje cada entrada sea de 200px y los links si son muy largos, no hagan otra linea ni se salgan o se vea donde la caja termina y el link continua en el area no visible.

Quiciera que fuera algo como tres puntos los que pueda uno colocar a la url a cierta distancia de caracteres por ejemplo:

si uno se llama:

Superman

ese no necesitaria que aparezca nada por que no abarca 200px

pero si este:

Vieje a los confines del oceano atlantico

y quiciera que apareciera de este modo al igual que estos ejemplos:

Vieje a los confines del...
Las travesuras de los...
Las locuras del emper...

algo así

Muchas gracias!