文字越界换行
文字 换行 越界
2023-09-14 08:56:48 时间
!DOCTYPE html html head meta charset="utf-8" title /title style type="text/css" div { padding: 10px; width: 200px; height: 200px; border: 1px solid red; margin: 20px; float: left; display: inherit; text-overflow: ellipsis; overflow: hidden; white-space: normal; table-layout: fixed; word-break: break-all; #DDD { border: 0px; clear: both; height: 400px; width: auto; textarea{ resize: none; width: 600px; height: 100px; padding: 5px 10px 5px; border: 1px solid burlywood; font-size: 16px; font-family: script; textarea:focus{ border: 1px solid blue; /style script language="javascript" //countChar(a,b)为多行文本框统计输入字符 function countChar(textareaName, spanName) { var maxLimit = 100; var textArea = document.getElementById(textareaName); var spanCount = document.getElementById(spanName); if (textArea.value.length maxLimit) { spanCount.innerHTML = 0; textArea.value = textArea.value.substring(0, maxLimit)+......; } else { spanCount.innerHTML = maxLimit - textArea.value.length; /script /head body div id="div1" 我们我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们 /div div id="div2" appleappleappleappleappleappleapppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324pleappleappleappleappleappledwaswrerewre12324324 /div div id="DDD" p span 您还可以输入 span id="counter" 500 /span 个字 /span /p
textarea name="inputContent" id="status" onKeyDown=countChar("status","counter"); onKeyUp=countChar("status","counter"); /textarea /div /body /html
相关文章
- c语言代码缩进是什么意思_word文字无法换行
- 点击页面弹出富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善社会主义核心价值观这类文字动画效果
- B2模板首页列表文字前自定义图标
- 在线图片加字-Fotor给图片添加文字的方法
- Java实现 图片水印或者文字水印详解编程语言
- Linux文字呈现出鲜艳多彩的色彩(linux文字颜色)
- Linux实现语音转文字新技术(linux语音转文字)
- TensorFlow在工程项目中的应用 公开课视频+文字转录(上) | AI 研习社
- javascript跟随鼠标的文字带滚动效果
- javascript三组文字间隙滚动实例代码
- php生成文字png图片的代码
- csswhite-space:nowrap属性用法(可以强制文字不换行输出)
- DevExpress实现自定义GridControl中按钮文字内容的方法
- C#利用GDI+绘制旋转文字等效果实例