为什么这个简单的CSS div不起作用？

Question

我有一个div。这很简单。这是下面的CSS代码。

#example {
    background: #dcdcdc;
    background-position: center;
    postition: relative;
    width: 980px;
    text-align: center;
    margin: 0px auto;
    padding: 1px;
    min-height: 30px;
}

html代码：

<div id="example">testtesttesttesttesttesttesttesttesttesttesttest</div>

如您所见，它只包含从数据库表中选择的文本。 问题是，当文本的长度比屏幕宽时，它不会开始换行，它会过去。我想让它开始一个新的路线。我怎么能这样做？

注意：页面上隐藏了溢出。我只在Chrome 13和FF 3.6中测试了这个页面。

Answer 1

自动换行可以解决问题：

word-wrap: break-word;

Answer 2

多浏览器回答：

添加：

word-break: break-all;
white-space:normal;
 word-wrap: break-word;

Answer 3

将word-wrap: break-word;添加到该混音中。