如何让Textarea中中英文混合内容按长度正确换行？

textarea中混合中英文时如何按长度换行

在使用 时，遇到中英文混合内容的情况，如果按长度换行，系统默认会按照中文的长度进行，这会导致中英文混合时出现断行不正确的问题。

解决方法

可以使用 css 样式 word-break 来解决此问题，具体操作步骤如下：

1. 为 textarea 添加样式 word-break: break-all;：

textarea {
  word-break: break-all;
}

2. 设置 textarea 的宽度，以达到期望的换行效果。

示例：

<textarea style="width: 300px;">测assssssssssssssssdf</textarea>

添加上述 css 样式后， 中的内容将按照指定的长度换行，中英文混合时也能正常换行。

以上就是如何让Textarea中中英文混合内容按长度正确换行？的详细内容，更多请关注其它相关文章！