CSS 2 Satır Metin Sarma Ellipsis

Metin sarmalanacak ve ayrıca taşma üzerinde üç nokta gösterecek sabit boyutlu bir div eklemeye çalışıyorum.CSS 2 Satır Metin Sarma Ellipsis

Bu mümkün mü? Söyleyebileceğim

.mydiv { 
 
     font-family: Georgia, "Times New Roman", Times, serif; 
 
     font-size: 14px; 
 
     line-height: 20px; 
 
     display: block; 
 
     overflow: hidden; 
 
     text-overflow: ellipsis; 
 
     width: 120px !important; 
 
     height: 40px !important; 
 
     border: 1px solid #000000; 
 
}

<div class="mydiv"> 
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
 
</div>

kaynak

2012-03-01 ftsk33

http://stackoverflow.com/questions/5914783/simulate-text-overflow-ellipsis-in-css2 kopyası? – blobmaster

olarak iyi, bu mümkün değil, hayır: metin-taşma için tüm destek: üç nokta gerektirir ben de bugüne kadar olduğum yer burası

olduğunu beyaz boşluk: nowrap (bunu açıkça tek bir çizgiyle sınırlar ve ilk gereksiniminizi karşılamaz).

Çok satırlı sarma için, daha sonra elips, bir javascript çözümü ile (örneğin, jTruncate) sıkışmış olacaksınız düşünüyorum.

kaynak

2012-03-01 22:55:52

Ayrıca, örn. http://stackoverflow.com/questions/3404508/cross-browsers-mult-lines-text-overflow-with-ellipsis-appended-within-a- diğer multilin & elips çözümleri için geçerliydi. –

CSS 2 Satır Metin Sarma Ellipsis

cevap

İlgili konular