metnin bir kısmını gizle html, css, javascript

Question

div veya span içindeki metnin bir kısmı nasıl gizlenir?

Ben 160 karakterlik bir metin var ama

ilk 40. Sadece ben javascript aramalar yaptığı gibi, benim div içindeki span tam metnini olması görüntülemek istiyorum.

Answer 1

Gizleyen son 120 karakterden oluşan bir aralık oluşturmak için bazı javascript'e ihtiyacınız olacaktır. Açıklığa uygulanabilecek bir CSS özniteliği "görünürlük: gizli" var. Bunun yerine karakterlerin tam bir numarası yerine, belli bir boyuta div klibi istiyorsanız

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

Answer 2

, sadece istediğiniz div boyutunu verebilir ve: böyle

şey sonucu olmalıdır sığmayan içeriği kırpmak için overflow: hidden belirtin.

Divanın yüksekliğinin metnin satır yüksekliğinin çok olduğundan emin olursanız, içeriğin (dikey) bir çizginin ortasında kırpılmasına neden olmaz.

Answer 3

"text-overflow: ellipsis;" öğeniz için basit bir css özelliğini kullanabilirsiniz. Bu özelliği etkin kullanmak için etkin bir şekilde bunlarla birlikte bazı ilgili özellikleri uygulamak gerekir. Örnek için

:

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

* Chrome'da test edilmiştir.