div超出高度显示滚动条，div超出宽度自动换行

用div模拟input输入框,当输入内容超出一定width范围,将会自动折行

1、如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。

2、该属性可以控制如何处理HTML文本中的空白符。还可以使用JavaScript来实现input的换行显示。具体地，我们可以通过绑定input的oninput事件，以及使用innerHTML属性来实现输入内容时的实时换行显示。

3、可以通过CSS样式控制自动换行：div style=width：300px；word-wrap：break-word； overflow：hidden； word-wrap是控制换行的。改变文本框颜色 input type=text style=background-color：颜色/ 列表页这样。

4、限制input文本框的输入长度的话可以为其加上maxlength属性来限制。如果是限制input的显示长度的话，可以直接用CSS中的width来限制。添加css属性， style=width：200px；。

5、使用关键代码：overflow-y： auto，并且限制高度实现功能。实例演示如下：Html代码如下：一个简单的div，暂时内容为空。

html内容超出了div的宽度如何换行让内容自动换行

1、在显示评论列表的时候因为有固定宽，但是显示的内容超出的了div的宽，在这种情况下我们需要将其换行。代码如下：1word-wrap：break-word；2word-break：break-all；3overflow： hidden；这个参数根据需要来决定要不要。

2、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的body标签中，将外层的table改为div，新增css代码：div {width： 300px；} table {float： left；}。

3、把a标签变成block 设定高度和宽度 再来个wrap就可以了。

4、在table中加入style=＂table-layout：fixed；＂在td中加入style=＂word-break ： break-all；overflow：hidden；＂。正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space：normal ，当定义的宽度之后自动换行。

5、index.html，编写问题基础代码。在index.html中的body标签中，将外层的table改为div，新增css代码：div {width： 300px；} table {float： left；}。浏览器运行index.html页面，此时表格们实现了每3个自动换行。

为什么我div里面的字,超过了设定的宽度不会自动换行?

1、break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。keep-all，是指Chinese， Japanese， and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。

2、如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。

3、如果是英文就会一直撑下去，设什么置都不行，除非写溢出，但还是一行，中文的话会自动换行。

4、你不贴相关代码我们也只能猜了：div标签没关闭；没有设置内容溢出隐藏；css没有做兼容或者有错误。