Как обернуть содержимое HTML?

Question

Если HTML содержит, скажем:

<div>1222222222222234c dssdsdf sdfsdfsdf</div>

Как обернуть содержимое, ограниченное 10 символами, и, возможно, после этого мы покажем (12222222 ..) две точки.

Answer 1

Используя jQuery, мы можем сделать это следующим образом

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

Answer 2

Поскольку text-overflow: ellipsis только "поддерживается IE7-, Safari и Konqueror" - вам, вероятно, понадобится решение javascript:

Это хорошо написано:

http://tpgblog.com/2009/12/21/threedots-the-jquery-ellipsis-plugin/

Answer 3

Вы можете использовать

переполнение текста: многоточие

Но для кросс-браузерного решения вам придется разбить строку и затем добавить . после желаемой длины.

Answer 4

Это должно быть тем, что вы хотите. Подробнее

Answer 5

aaaaaaaaaa<wbr/>cccccccccc

Мысль не о тех же строках, но одна приятная вещь, которую нужно знать, это оборачивает текст тогда и только тогда, когда текст не помещается в пространстве Удобно для использования с сообщениями.