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

我正在像这样动态创建ul

...
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

您的准则是正确的。

工作正常，请参阅此Fiddle 但我们仍然可以尝试将“宽度”添加到它的父＆lt; li＆gt; 。

其他CSS可能会覆盖您的正确代码。

你可以试试这个：

.itemClass {
   width:100%;  
}