Find the number of lines in a div

Question

I want to show \'View All\' kind of link, only when the lines in the div has reached 4 lines.

HTML

    3PAS-Pub-IO-doubl         


        
      

Answer 1

You can use the ThreeDots plugin for jQuery: http://tpgblog.com/2009/12/21/threedots-the-jquery-ellipsis-plugin/

When calling ThreeDots() on your

, set max_rows to 4. Just look at the examples on that page, you can also set your custom "read more" link. But beware that you have to wrap your text into an extra , like so:

    
        your text
    

... the jQuery code line would then be:

$('.text_here').ThreeDots({ max_rows:4 });

0 讨论(0)

查看其它3个回答

发布评论:

提交评论

---

•  加载中...