如何在文本的长度超过div的长度时使文本换行？

问题描述：

我需要追加文本用户输入到固定的宽度和高度div。我设置了div overflow：auto，但我只想显示垂直滚动条，不想看到水平滚动条。如何使文本自动换行来修复div的宽度？如何在文本的长度超过div的长度时使文本换行？

<script> 
function Send(){ 
    var text=$("[id$='Text1']").val(); 
    $('#contentDIV').append("me: "+text+"<br />"); 
} 
</script>

答

div{ 
    width:400px; 
    height:400px; 
    overflow-y:auto; 
}

overflow-y不被称为属性名称。它不工作，男人 –

@Steven扎克我刚刚添加一个链接到在线演示检查出来 – amosrivera

是的，我知道，它很奇怪。但是，在将此属性添加到div样式后，水平滚动条仍然显示文本长度超过div宽度 –

答

文本将换行，除非字长于您div可以将内容。在这种情况下，你只需要word-break（CSS3）。