Karakter sınırlaması satır veya satır karakterleri ile css arasında nasıl kısıtlanır?

Question

Aşağıdakilerden birini gerçekleştirebilecek bir css özelliği var mı? Ama önce açıklamama izin ver.

Her bir öğenin genişlikte olduğu bir duvar düzenini düşünün: 200px; ve her biri yüksek olurdu: 250px; (Bu sadece bir örnektir).

Her öğede, bir küçük resim ve bir bağlantı vardır ve çoğu zaman bu bağlantı 2-3 satıra kadar sarılır ve bu nedenle her öğenin yüksekliğini farklı yapar.

Bir sınıf içinde en fazla # karakter ayarlayabilmem veya belirli bir satırdan sonra sarmayı kesmenin bir yolu var mı? Ve belki de içerik eklemek için biraz css etkisi ekleyin: "..."; hat bitmeden önce kesildiğini göstermek için?

Herhangi bir yardım için teşekkür ederiz.

Teşekkür ederiz.

Answer 1

Sen text-overflow deneyebilirsiniz, ancak bazı kısıtlamalar vardır, ama yine de size uygun olabilir:

Example

<div id="container"> 
    This is some short content to demonstrate the css-property 
    text-overflow 
</div>​ 

#container{ 
    width:100px; 
    height:50px; 
    border:1px solid red; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space: nowrap; 
}​ 

Answer 2

Karakterler değil, piksel cinsinden bir öğenin genişliğini ayarlayabilir ve "..." eklenmesi gereken text-overflow özelliğini kullanabilirsiniz. Ayrıca, bir öğenin yüksekliğini, örneğin 30 piksel ve satır yüksekliğine sahip CSS özelliğini 15px olarak ayarlayıp overflow:hidden'u ekleyerek satır sayısını sınırlayabilirsiniz. Ayrıca, satır sayısını sınırlayabilirsiniz. Böylelikle tam olarak iki satırlık metin olacak.

.twoLines{ 
    height:30px; 
    line-height:15px; 
    overflow:hidden; 
}