Hej,
dostałem dość nie typowe zadanie mam na stronie wyświetlić 5 wersów artykułu, który wychodzi z bazy.

Tylko jak się dowiedzieć ile wersów jest np: aktualnie wyświetlonych to ja pojęcia nie mam .

Wiadomo mamy :

[HTML] pobierz, plaintext 
<div id="wersy">
<p>text text text text text</p>
</div>
[HTML] pobierz, plaintext 

Ale jak się dowiedzieć ile jest wersów to nie wiem!
Może macie jakieś gotowe rozwiązanie albo radę, będę wdzięczny.


Umiem zrobić limit np: do 20 słów lub ustawić limit ilość znaków.

Myślałem z jednej strony jak to zrobić ale nie wiem czy to dobry pomysł.
Wiadomo jak mamy już ustaloną czcionkę to można zaobserwować przy pomocy "Firebuga" że do height: powiedzmy 100 zmiesci 5 lini a przy height:120px; już jest 6 lini.

Co sądzicie o pomyśle?

1. Maksymalna wysokość div#wersy powinna być równa docelowa ilość wierszy * CSS: line-height. Do tego overflow: hidden + text-overflow: ellipsis.
2. Artykuły zapewne mogą być dosyć długie, ale raczej można bezpiecznie przyjąć, że pobranie maksymalnie ~1000 czy ~5000 znaków powinno zawsze pozwolić na zapełnienie tekstu.

Tak będzie chyba najrozsądniej i najwydajniej dla maszyny. Dać height xx a reszta overflow hidden.

http://jsfiddle.net/microbians/csYjC/

Tutaj chodzi o nagłówki, na głównej stronie artow.

Przetestuje rozwiązanie Talidali.
Dzięki za pomoc jak co edytuje post i dam znać jak to rozwiązałem.

Tylko powiedzcie mi jeszcze czy rowiązanie Talidali ma wpływ na długość wczytywania stronki?
http://jsfiddle.net/microbians/csYjC/


Bo tam style przykrywają text a niechcę rozwiązania które zwolni mi stronkę.