скрыть часть текста html, css, javascript

Question

Как скрыть часть текста внутри div или span?

У меня есть текст 160 символов, но я хотел бы, чтобы отобразить только первые 40.

я должен иметь полный текст внутри моего div, span как я JavaScript поисков.

Answer 1

Для создания диапазона вокруг последних 120 символов вам понадобится javascript. Существует атрибут CSS «видимость: скрытый», который может применяться к диапазону.

Нечто подобное должно быть результатом:

<div>first 40 chars <span style="visibility:hidden">last 120 chars</span></div> 

Answer 2

Если вы хотите обрезать дела до определенного размера, а не точное количества символов, вы можете просто дать Div размера вы хотите и укажите overflow: hidden, чтобы скопировать контент, который не подходит.

Если вы убедитесь, что высота div - это множество высоты строки текста, у вас не будет содержимого, обрезанного в (вертикальной) середине строки.

Answer 3

Вы можете использовать простое свойство css для вашего элемента «text-overflow: ellipsis;» , чтобы использовать это свойство, вам необходимо применить некоторые связанные свойства вместе с этим.

Для примера:

<div style="width: 50px; text-overflow: ellipsis; white-space: nowrap; 
overflow: hidden;">Some text goes here</div> 

* Испытано в Chrome.