http://github.com/gravis/jQuery-Truncate

Wszystko pięknie i ładnie z wyjątkiem pewnego małego drobiazgu.

mając coś w stylu

[HTML] pobierz, plaintext 
<script type="text/javascript">
//<![CDATA[
$(function() {
    $(".trunc").truncate( 256, {
        chars: /\s/,
        trail: [ ' <a href="#" class="truncate_show">czytaj całość...</a>', ' <a href="#" class="truncate_hide">...zwiń</a>' ] });
});
//]]>
</script>
 
 
<div class="trunc">    
<p style="text-align:justify">Ala ma kota, a a kot ma pchły...</p>
<p style="text-align:center">bla bla bla.</p>
<div>
[HTML] pobierz, plaintext 

Zwijanie działa, ale w efekcie w wyniku daje coś takiego

[HTML] pobierz, plaintext 
<div class="trunc">
<div class="truncate_less">A
<p style="text-align: justify;">la ma kota, a a kot ma pchły...</p> <a class="truncate_show" href="#">czytaj całość...</a>
</div>
</div>
[HTML] pobierz, plaintext 

Pytanie, dlaczego tak uparcie łamie tekst wyrzucając jego początek przed paragraf?

Problem nie występuje gdy tekst można zamieścić w jednym paragrafie z klasą trunc, ale jak już jest coś bardziej złożonego - kilka paragrafów, zdjęć itd. i obejmę je divem z clasą trunc, to już takie kwiatki wyłażą.

Jak temu zaradzić?




Ok, już sobie poradziłem.
Problem występuje z elementami blokowymi, rozwiązaniem jest zmiana na inline.