css - 如何在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

你需要在你的 li 上进行自动换行:

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