Переполнение текста целыми строками, если часть строки скрыта?

#javascript #css #sass

Вопрос:

Учитывая оба этих письма «Example@example.com» и «Blahblahblahblah@example.com». При отображении их обоих в таблице, если оба письма не могут быть отображены полностью, они обрезаются полностью. Так что «Example@example.com, Бла-бла-бла-бла@ex…» предполагается сократить до «Example@example.com, …»

Ответ №1:

Вы ищете text-overflow: ellipsis :

 div{
  width:300px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
} 
 <div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div> 

Комментарии:

1. Не совсем, я имею в виду, что если в адипискинге есть какое-либо переполнение, то строка становится «Lorem ipsum dolor sit amet, consectetur…»

2. @Korsaurus Это показывает «Лорем ипсум долор сит амет, консектетур ади…» для меня.

3. Может быть, это будет немного более понятно: учитывая оба этих письма «Example@example.com» и «Blahblahblahblah@example.com». При отображении их обоих в таблице, если оба письма не могут быть отображены полностью, они обрезаются полностью. Так что «Example@example.com, Бла-бла-бла-бла@ex…» предполагается сократить до «Example@example.com, …»