在css中，可以使用“word-wrap”属性设置自动换行，语法“word-wrap:break-word”。word-wrap属性设置长内容的换行方式，当值为“break-word”时，会在长单词或URL地址内部进行自动换行。
在div css布局中，遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。
当然中文字在DIV或任意盒子中均会自动换行不需要CSS样式实现，只有连续的字母或数字会出现不自动换行问题，所以需要CSS解决。
可以通过设置input的属性为`textarea`来实现自动换行。例如：
或者使用CSS样式设置：
resize: none; /* 防止输入框可以放大缩小 */
height: 100px; /* 给定一个最小高度 */
1. 使用overflow-y或overflow-x控制横纵方向
2. 在文本area属性中，设置white-space: pre-line或white-space: pre-wrap，多行文本就可以换行了
3. 在Input时，使用word-wrap: break-word或word-wrap: keep-all，只能在半角空格或连字符楚换行，超过长度自动换行。
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
DIV+CSS样式，li自动适应高度，自动换行，横向排列将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap:break-word;可以修改一下，到适合你的要求。
要锁定自动换行，可以通过以下几种方式实现。
一种方法是使用CSS中的white-space属性，将其设置为nowrap，这样就可以禁止文本在换行位置处自动换行。
另一种方法是在HTML代码中使用非断空格字符（ ）来代替空格字符，这样可以确保文本不会在空格处自动换行。
还可以使用JavaScript代码来动态地设置文本框或区域的大小，以确保文本不会超出指定的宽度而自动换行。无论使用哪种方法，都需要根据实际情况选择最合适的方式来锁定自动换行。