在含有混合中文和英文内容的 textarea 中实现按长度换行
当文本区域 (textarea) 中包含中英文混合内容时，它会在 chrome 浏览器中默认显示为一行。要按长度对内容进行换行，需要采取以下 css 样式或 javascript 代码。
css 解决方案
在 css 中添加以下样式：
中网互连企业网站管理系统是专门针对企业而开发的一套功能强大的网站管理系统，使用成熟的ASP技术开发的动态网站系统。简单易用、功能强大，能让懂上网的人就能自助管理管理网站。三年的开发和几千用户使用验证，是一套可靠实用，稳定安全的企业网站，适合中小企业公司建站使用。 中网互连企业网站管理系统功能模块有：单页（如企业简介，联系内容等单页图文）、文章（新闻）列表、产品（图片、订单、规格说明等）、图片、下
0
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 个字符就换行一次。可以根据具体需求调整换行长度。
以上就是中文混合内容中的 textarea 如何自动换行？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
787
收藏
