为什么这个简单的 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; 添加到该组合中。