如何在div中包含一个单词？

Question

我在jQuery移动框架中构建 我有以下结构，我想以一种表格布局显示：

<div style="word-wrap:break-word" class="ui-block-n" ><li>verylongword.........</li></div>

我的问题是，当我有很长的单词时，单词会超出div（即溢出）。我想要包装的话。 我使用word-wrap:break-word，但这似乎不起作用。我也尝试了所有这些选项，但没有成功：

 white-space: pre-wrap;      
 white-space: -moz-pre-wrap; 
 white-space: -pre-wrap;     
 white-space: -o-pre-wrap;   
 word-wrap: break-word;  

我怎样才能把我的话包起来？

Answer 1

你需要整个自我包装的东西：

<style>
li {
word-wrap:break-word;
}
</style>