word-break css的問題

Question

我在android上使用帶有phonegap的jquery mobile。 我有css風格

.itemClass p{
    width:100%;
    min-height:50px;
    text-transform:capitalize;
    word-break:break-all !important;
    word-wrap:break-word !important;
}

我正在創造像這樣的動態

...
var out = '<ul data-role="listview">';
$(data["data"]).each(function(index, element){
    out += '<li class="itemClass"><p>' + element.text + '</p></li>';
});
out += "</ul>";
...

樣式分詞和自動換行不適用於項目。

Answer 1

您的准則是正確的。

它工作正常，看到這個小提琴但我們仍然可以嘗試將“寬度”添加到它的父<li> 。

其他CSS可能會覆蓋您的正確代碼。

你可以嘗試這個：

.itemClass {
   width:100%;  
}