2012-10-12 14 views
13

Birden çok satıra göre bir metin içeren bir kutuya (div) ihtiyacım var ve bu kutunun sabit bir genişliğe ve sabit bir maksimum yüksekliğe sahip olması gerekiyor.Sabit maksimum yüksekliğe sahip metin sarısı

overflow: hidden; kullanıyorum. Sorun şu ki, son satır div maksimum yüksekliğine uymuyorsa kesilecek (örneğin çizginin sadece yarısını keserek). Bu durumda yapmak istediğim son satırı göstermemek ve son elemeyi göstermek değil, son bir

Sorunum, tekli bir satırı tek bir satır içine eklemiyor (white-space: nowrap özelliğini kullanarak), asıl sorun şu ki; Tamam, mümkün değildir: metin son durumda ben

+0

Bu bağlantıyı deneyin: http: //stackoverflow.com/questions/3067696/how-to-show-ellipses-to-the-overflew-text-for-html-elements-in-firefox – dreamerkumar

cevap

6

Div için

DÜZENLEMEYİ

text-overflow: ellipsis; 

ekle eklemek için jQuery kullanabilirsiniz çünkü üç nokta bir sorun değildir, son satırında kesilmiş olur şimdilik, standart olarak değil dized yol.

AMA, o (this topic bakınız) deneysel webkit özellikleriyle bunu başarmak için ya bu adam tarafından yazılmış the solution aracılığıyla JS ile yapmak mümkündür ve github üzerinde barındırılan.

+1

Bence bu bağlantılar Sorunlarımı çöz, teşekkürler. Bir geri bildirim vermeye çalışacağım – Zeux

İlgili konular