En muchas ocasiones necesitamos truncar una línea de texto, sobretodo cuando tenemos una caja con el desbordamiento oculto.

En estos casos podemos utilizar esta sencilla opción por css:

.truncate {
   width: 300px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}