文本加載時出現垂直溢出

Question

我一直在使用div，我現在正在編寫html/css部分以完成樣式;之後，我將在php部分上從數據庫中加載div內的文本;
股利：

HTML：

<div class="descriereapostarii"> 
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww 
</div> 

在這裏你可以看到我的問題，我的DIV的行爲完全像HTML的這個編碼塊以上，我不希望這樣的（水平溢出）我想div垂直溢出。
（在這裏我有250個字符，這是因爲所能接受的最大障礙是250時，用戶寫的說明）

CSS：

.descriereapostarii{ 
padding:1px; 
float:left; 
position:relative; 
border:1px solid #00A800; 
height:80px; 
width:460px; 
overflow:auto;} 

問題：
頁面加載時我想到內部div的內容只能滾動垂直相對於實際div的大小，類似於這個帖子框，當你寫你的描述到一個問題在stackoverflow，它只溢出垂直不水平，我想做同樣的事情與我的div，有什麼想法？

Answer 1

使用此爲您的DIV：

word-wrap: break-word; 

演示：

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap

Answer 2

添加這個CSS禁用垂直滾動：

overflow-x: hidden; 

Answer 3

如果你需要換行在文字中，使用word-break: break-word;

注意：對於中文，日文和韓文文本，您可能需要word-break，因爲word-wrap在某些情況下不起作用。

.descriereapostarii{ 
 
    padding:1px; 
 
    float:left; 
 
    position:relative; 
 
    border:1px solid #00A800; 
 
    height:80px; 
 
    width:460px; 
 
    overflow:auto; 
 
    word-break: break-word; 
 
}

<div class="descriereapostarii"> 
 
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww 
 
</div>