#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, …»