htmlで長い単語を壊す方法は？

Question

私はjavascriptで動的にリストを作成しています。長い言葉をドットドットで打ちたい（.....）。たとえば、「ソフトウェアのライフサイクル開発」という言葉が「ソフトウェアライフサイクル...」に変更したいと考えています。

「WORD-BREAK：BREAK-ALL;空白：正常」を使用しました。 現在の出力は：

ソフトウェアライフサイクル です。

誰でもこの問題を解決する方法を教えてください。前もって感謝します。

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

で詳細を見つけることができます。あなたの参照のためにこれを参照してくださいpage。

Answer 2

css省略記号が役立つかどうかを確認してください。あなたは、あなたはそれが...テキストのオーバーフローをかけることになり、このCSSに

text-overflow:ellipsis; 

を試すことができます

http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

http://mattsnider.com/css/css-string-truncation-with-ellipsis/

Answer 3

試してみてください。

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

出典：http://ejohn.org/blog/injecting-word-breaks-with-javascript/

Answer 4

style="text-overflow: ellipsis;" 

問題を解決します。