textarea本身就有这个功能，设其宽度恰能容纳20个字符，然后将其wrod-warp=true属性加上就是自动换行，如果不是这样，才会求JS的帮助的。
茶陵网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站从2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。
如果是在表单里输入换行，直接打回车就可以了。这个控件敲回车时是不会提交表单的。如果要给一个带换行的默认值，这样做：textareahahahehe/textarea 如果是input，则不能输入换行。多行文本请使用textarea。
获取到需要赋值给textarea的内容 显示的内容中，有需要换行的地方插入换行标签\r\n 将内容复制给textarea显示即可。
把textarea中的内容做一下替换操作，把\r\n替换成，这样读出来显示在页面上就会有换行了。 二是写入数据库时不变，从数据库中读取出来显示在页面上时，把php的回车符替换成，这样也能起到同样的效果。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的body标签中，将外层的table改为div，新增css代码：div {width： 300px；} table {float： left；}。
2、修改元素的位置来解决换行或者元素不对齐的现象。设置的几个float属性遇到超过父容器的情况自动换行。
3、HTML换行的方式有多种。具体换行方式如下：HTML换行的代码是br，想要在哪一行换行，在那一行的代码后输入br代码即可实现换行操作。
1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。为了使它不换行，你可以直接添加一个样式。white-space： nowrap； 就是让文本不换行的样式。
2、DIV默认的显示方式是display：block，表示块区域，是会自动换行的，要不换行就需要改变它的显示方式，将其改为 display：inline； 即可。
3、先看下white-space：nowrap时的情况：不仅空格被合并，换行符无效，连原本的自动换行都没了！只有/br才能导致换行！所以这个值的表现还是挺简单的，我们可以理解为永不换行。
4、打开vscode，创建一个测试页面，在测试页面中，添加一个宽度=300px的div，同时添加div的红色边框。此处设置固定宽度和边框，是为了更好的演示换行与不换行。
5、直接将您的内容放入span/span直接就好了。或者设置层高度少一点就行了，nowrap ： 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。
