Css- Wielokropek za blokiem tekstu

Question

Cześć

Mam blok tekstu, musi mieć height: 200px, będzie on długi, chciałbym osiągnąć taki efekt, że po 3 linijce tekstu tekst jest ucięty i pojawia się wielokropek. Kombinuje z  text-overflow: ellipsis; ale to jest dobre jak jest tekst w jednej linijce... Macie jakiś pomysł? Tekst bedzie ladowany do bloku ze skryptu, nie jest "na sztywno"

<style>
div.przyciecie {
	white-space: nowrap; 
	width: 100px; 
	height: 60px; 
	overflow: hidden; 
	text-overflow: ellipsis
}
div.przyciecie:hover {
	overflow: visible;
}
</style>
<div class="przyciecie"><a>
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
</a></div>

 

Answer 1

Jeśli chcesz mieć rozwiązanie cross-browser, musisz pobawić się JSem

Comments

aha, no właśnie też tak myślałem, ok to jquery ruszę, dzięki