ẩn một phần của văn bản html, css, javascript

Question

Cách ẩn một phần văn bản bên trong div hoặc span?

Tôi có một văn bản là 160 ký tự nhưng tôi muốn chỉ hiển thị đầu tiên 40.

tôi phải có văn bản hoàn chỉnh bên trong div tôi, span như tôi thực hiện tìm kiếm javascript.

Answer 1

Bạn sẽ cần một số javascript để tạo một khoảng cách bao quanh 120 ký tự cuối cùng ẩn chúng. Có một thuộc tính CSS "visibility: hidden" có thể được áp dụng cho span.

Something như thế nên kết quả:

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

Answer 2

Nếu bạn muốn clip div đến một kích thước nhất định, chứ không phải là một con số chính xác các ký tự, bạn chỉ có thể cung cấp cho các div kích thước mà bạn muốn và chỉ định overflow: hidden để cắt nội dung không vừa.

Nếu bạn đảm bảo chiều cao của div là vô số chiều cao dòng của văn bản, bạn sẽ không có nội dung được cắt bớt ở giữa (dọc) của một dòng.

Answer 3

Bạn có thể sử dụng thuộc tính css đơn giản cho phần tử của bạn "tràn văn bản: dấu ba chấm;" để sử dụng thuộc tính này một cách hiệu quả, bạn cần phải áp dụng một số thuộc tính liên quan cùng với điều đó.

Ví dụ:

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

* Tested trong Chrome.