Javascript 如何在html中打断长单词？

我正在用javascript动态创建列表。我想把这个长单词打断成点（…）。例如，如果单词是“软件生命周期开发”，我想将其更改为“软件生命周期…”

我用了“分词：全部分词；空白：正常 我当前的输出是：

软件生命周期 发展

谁能告诉我，如何解决这个问题？提前谢谢

  var parent = document.getElementById('searchlistview');
var listItem = document.createElement('li');
listItem.setAttribute('id', 'listitem_' + listId);
listItem.setAttribute('data-icon', 'false');
listItem.innerHTML = "<img src=" + imagesrc + " class='ui-li-icon ui-li-has-icon'></img>
<a target='_black' data-role='button' href='#' id=" + listId + " name= " + url + " data-theme ='c' rel='external' 
data-inline='true' style='margin-left:0em; WORD-BREAK:BREAK-ALL;white-space:normal; ' >" + searchName + "<p style='margin-top:1px;margin-left:1px;'>
File size: " + fileSize + "</p></a>";
parent.appendChild(listItem);

var parent=document.getElementById（'searchlistview'）；
var listItem=document.createElement（'li'）；
setAttribute（'id'、'listItem_u'+listId）；
setAttribute（'data-icon'，'false'）；
listItem.innerHTML=”
";
parent.appendChild（列表项）；

看看css省略号是否能帮助您。您可以在以下网址找到更多详细信息：

你可以试试这个css

text-overflow:ellipsis;

当文本溢出时，它将放入

…

。请参阅此项以供参考。

尝试：

function wbr(str, num) { 
  return str.replace(RegExp("(\\w{" + num + "})(\\w)", "g"), function(all,text,char){
    return text + "<wbr>" + char;
  });
}

函数wbr（str，num）{ 返回str.replace（RegExp（“（\\w{”+num+”}）（\\w）”，“g”），函数（全部，文本，字符）{ 返回文本+“”+字符； }); } 资料来源：

---

将解决问题。

您是否尝试过psuedo算法：如果字符串长度>nstring@Krish：我从未听说过psuedo算法。你能用例子再解释一下吗？可能重复的请确认你的来源

style="text-overflow: ellipsis;"