tres puntos en css
span {
display: inline-block;
width: 180px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
html texto largo de tres puntos
.text-truncate
{ max-width: 15rem;
overflow: hidden;
text-overflow: ellipsis;
}