
textarea中混合中英文时如何按长度换行
在使用 <textarea> 时,遇到中英文混合内容的情况,如果按长度换行,系统默认会按照中文的长度进行,这会导致中英文混合时出现断行不正确的问题。
解决方法
可以使用 css 样式 word-break 来解决此问题,具体操作步骤如下:
- 为 textarea 添加样式 word-break: break-all;:
textarea {
word-break: break-all;
}- 设置 textarea 的宽度,以达到期望的换行效果。
示例:
<textarea style="width: 300px;">测assssssssssssssssdf</textarea>
添加上述 css 样式后,<textarea> 中的内容将按照指定的长度换行,中英文混合时也能正常换行。










