加上如下的CSS设置，就是设定好宽度width，然后设置合适的word-wrap和word-break属性：
ul li{width: 100px
word-wrap: break-word
word-break: break-all
white-space: normal
}
ul里面的li折行其实跟其他块状(block)元素的折行都是一样的。以下是相关的CSS属性：
word-warp 属性设置如何处理单词的折行，可以取的值有
word-wrap: normal | break-word
word-break 属性设置如何处理单词折断，仅支持IE，可以取的值有：
word-break: normal | break-all | hyphenate
white-space 属性设置如何处理元素内的空白。可以取的值有：
white-space: normal | nowarp | pre | pre-line | pre-warp | inherit
经测试对中文也有效。
在css中能够实现换行的代码有如下几个：1、display:block //将标签改成块元素，块元素是单独占一行的。
2、clear:both； //清除浮动实现换行。
3、white-space:break； //这个一般适用在英文文章中的折行。
可以根据上面的几个能实现换行的样式，只需要将对应标签的对应属性删除就可以了。
用<div style='float:left'><textarea></textarea></div>
<div style='float:left'>文字</div>
