在设置固定高度和宽度的ul中，遇到li内容过多不自动换行的问题。通过CSS的word-wrap属性，特别是使用`word-wrap: break-word;`，可以强制在长单词或URL内部换行，避免内容溢出ul框。示例代码展示了如何实现这一功能。
昨天写了个程序，想实现跟发微博一样显示的功能(自己加了些动态显示效果)，在写HTML和CSS的时候，就遇到一个问题：我在设置好高度400px，宽度300px的ul中，当发出去的li中内容是连续一样的英文字母时或者是没有加换行符过长的英文，就会出现内容溢出(li里边的内容跑到ul框外边去了)：如图：
经过百度查询之后，竟然没找到有人遇到和我一样的问题，所以就只能找css强制换行的属性了，功夫不负有心人，竟然被我找到了，就是word-wrap属性，下面我们来复习一下这个属性。word-wrap：normal;这个属性只在允许的断字点换行(浏览器保持默认处理)。
word-wrap：word-break;这个属性添加了之后可以在长单词或者是url内部进行强制换行。
把word-wrap：word-break;这条属性加入到li的style中就可以自由的强制换行了，如图：
下面是我自己实现的一个web发帖的小例子(css粗糙，请勿吐槽)：HTML>
微博发布消息*{
最低0.47元/天 解锁文章
1549
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
