問題與word-break css

我在android上使用jquery mobile phonegap。我有CSS樣式問題與word-break css

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

我創建UL dynamivcally這樣

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

樣式字斷和自動換行不申請項目。

來源

2014-03-01 user3369485

似乎爲我工作。 http://jsfiddle.net/R7yTy/2/ – zsaat14

謝謝你的回答，但在我的情況下它不起作用。它可以是使用jQuery的移動一些特定的問題？ – user3369485

啊，是的，jQuery手機有自己的，非常具體的樣式表。你可以通過它看看是否有重寫你的風格。 – zsaat14

你的代碼是正確的。

這是工作的罰款，看到這個Fiddle 但是我們仍然可以嘗試添加「寬度」到它的父<李>。

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

你可以試試這個：

.itemClass { 
    width:100%; 
}

來源

2014-05-27 06:07:47

問題與word-break css

回答

相關問題