如何通过width挤压内容的文字？

Question

栗子：

<div>
    <p>TestTestTestTestTestTest<p>
</div>

如上的代码结构，想要实现的效果是通过设置外层或者内层元素的width，能将被包裹的文字挤压自动换行。div里面也可以不用标签包裹文字。

这样的效果有什么好的方式么？特别是IE6下如何做？

Answer 1

把CSS属性多看看 word-wrap:break-word

Answer 2

css

word-wrap: break-word;
word-break: break-all;