:: CSS3. text-overflow

La propiedad de CSS3 "text-overflow" nos permite algunas opciones interesantes, a utilizar por ejemplo cuando un texto no cabe en el contenedor asociado.
Aunque los valores que puede tomar la propiedad text-overflow son las siguientes, la más utilizada y que funciona en la mayoría de los navegadores es "ellipsis":

• clip: valor predeterminado que únicamente recorta el texto
• ellipsis: añade tres puntos (...) al final del texto indicando que el tamaño del texto sobrepasa al de su contenedor
• string: se trata de una opción experimental, y que añade la cadena especificada al final del texto
• fade: se trata de una opción experimental, y que añade un fundido al final del texto

De esta manera un ejemplo de css que podemos establecer es:

.texto-largo{
   text-overflow:ellipsis;
}

Más infomación: https://www.w3schools.com/cssref/playit.asp?filename=playcss_text-overflow&preval=ellipsis