文本加载时出现垂直溢出

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>