爲什麼這個簡單的CSS div無法正常工作？

我有一個div。這非常簡單。以下是下面的CSS代碼。爲什麼這個簡單的CSS div無法正常工作？

#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中測試了此頁面。

來源

2011-09-17 Akos

您需要添加'自動換行：打破字;' http://stackoverflow.com/questions/3569367/way-to-force-text-to-wrap-in-browser-even當它是一個連續字符串與否 –

自動換行會做的伎倆：

word-wrap: break-word;

來源

2011-09-17 15:54:09

多瀏覽器的答案：

補充一點：

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

來源

2011-09-17 15:54:49

多瀏覽器？所有現代瀏覽器都支持「自動換行」：https：//developer.mozilla.org/en/CSS/word-wrap#Browser_compatibility –

以我的經驗 - 有一些問題：http://www.homesecurityitem.com /post/109.html –

添加word-wrap: break-word;成組合。

來源

2011-09-17 15:55:08

爲什麼這個簡單的CSS div無法正常工作？

回答

相關問題