中文混合内容中的 textarea 如何自动换行？

在含有混合中文和英文内容的 textarea 中实现按长度换行

当文本区域 (textarea) 中包含中英文混合内容时，它会在 chrome 浏览器中默认显示为一行。要按长度对内容进行换行，需要采取以下 css 样式或 javascript 代码。

css 解决方案

在 css 中添加以下样式：

textarea {
  word-break: break-all; /* 允许单词在任何位置</wbr>断行 */
}

javascript 解决方案

使用 javascript，可以监听 textarea 的 input 事件并手动对内容进行换行：

const textarea = document.getElementById('my-textarea');

textarea.addEventListener('input', () => {
  textarea.value = textarea.value.replace(/S{10}/g, '$&</br>');
});

请注意，在 javascript 解决方法中，每 10 个字符就换行一次。可以根据具体需求调整换行长度。