javascript - 如何打破html中的长字？

Question

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

我使用了“WORD-BREAK:BREAK-ALL;white-space:normal;”我当前的输出是:

软件生命周期 发展。

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

  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);

Answer 1

你可以试试这个css

text-overflow:ellipsis;

当文本溢出时，它会放置 ...。看这个page供大家引用。