Reputation: 34160

How to wrap up HTML contents?

If an HTML contains say:

<div>1222222222222234c dssdsdf sdfsdfsdf</div>

How to wrap up the contents limiting to 10 characters and maybe after that we show (12222222..) two dots.

Upvotes: 0

Answers (5)

Anil Namde

Reputation: 6608

aaaaaaaaaa<wbr/>cccccccccc

Thought not on the same lines but is one nice thing to know, this wraps the text if and only if the text is not getting fit in space. Handy for using with the messages.

Upvotes: 0

GeekTantra

Reputation: 12081

Using jQuery we can do it like this

$(function(){
  $('div').each(function(){
    if($(this).text().length > 10) {
      var text = $(this).text();
      text = text.substr(0,10);
      $(this).text(text+"...");
    }
  })
})

Upvotes: 2