如何包装HTML内容？

Question

如果HTML包含说：

<div>1222222222222234c dssdsdf sdfsdfsdf</div>

如何包含限制为10个字符的内容，之后我们可以显示（12222222 ..）两个点。

Answer 1

您可以使用

text-overflow: ellipsis

但是对于跨浏览器解决方案，您必须拆分字符串，然后在所需长度后附加.。

Answer 2

由于text-overflow: ellipsis仅“由IE7-，Safari和Konqueror支持” - 您可能需要一个javascript解决方案：

这是一篇写得很好的文章：

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

Answer 3

使用jQuery我们可以这样做

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

Answer 4

This应该是你想要的。 More

Answer 5

aaaaaaaaaa<wbr/>cccccccccc

不是在同一条线上思考，但是要知道这是一件好事，当且仅当文本在空间中不适合时才会包装文本。方便使用消息。