artemsheludko
5/28/2018 - 9:20 AM

Ellipsis - Обрезать текст (сокращение текста)

Сократить при необходимости текст и в конце поставить многоточие.

ellipsis_truncated.scss
content_copyfile_download
.ellipsis { 
  max-width: 200px; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}

.truncated {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 15rem;
}