Для этого есть атрибут CSS - это text-overflow:ellipsis;.
Однако есть одна проблема: он не работает в Firefox.Он работает во всех других браузерах, но не в Firefox, даже не в FF4.Я понимаю, что это запланировано для FF5 или FF6.
В Firefox это должно было бы быть сделано с использованием чистого Javascript, где JQuery должен был бы выполнить некоторую работу.Чтобы сделать это точно, необходимо рассчитать физический размер текста в пикселях, символ за символом.Возможно, он использует свойство CSS в других браузерах.Это имело бы смысл.
Смотрите это сообщение: переполнение текста: многоточие в Firefox 4?(и FF5) для дальнейшего обсуждения этой проблемы, специфичной для Firefox.