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

Question

我有一个分区。这真的很简单。下面是 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;