Для этого предназначено свойство
text-overflow: ellipsis, которое даже некоторые браузеры умеют:
<div style="width: 120px; white-space: nowrap; overflow: hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
">Lorem ipsum dolor sit amet</div>