Satırları x satır sayısıyla sınırlandırın ve '...' öğesini ekleyin.

Question

Bir metni sınırlamak için bir Javascript/jQuery + CSS yolu arıyorum (örneğin bir ürün adı) diyelim, 2 satır. Fakat ziyaretçilerin kesildiğini bilmeleri gerekiyor ve bu yüzden de sonunda '...' eklemem gerekecek.

Bunu yapmanın düşünce orijinal yolu ona genişliğini ölçmek ve metin içeren div ait 2 kez genişliğini ulaşmadan hemen önce onu kes, 1 satır metin koymak, ama zor görünüyor Her karakterin, genişlikten ziyade genişliğe göre ayarlanması gerektiği gibi.

bu durumda işe yaramaz karakter veya kelime numarasına sınırlandırılması - Ben ki her zaman div tamamen yerine boşluklar sahip, 2 çizgileri doldurmak ister.

Monospaced yazı tipi kullanmak yerine bunu başarmanın iyi bir yolu var mı? Eğer jQuery bu eklentileri denemek kullandığınız yana

Answer 1

:

• http://dotdotdot.frebsite.nl/
• https://pvdspek.github.com/jquery.autoellipsis/
• https://github.com/theproductguy/ThreeDots
• https://github.com/jjenzz/jquery.ellipsis

Answer 2

Bunun için css kullanabilirsiniz:

.truncate { 
    width: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: inline-block; /* for links */ 
}