如何防止文本域在输入英文后查看时出现不换行的现象

最新推荐文章于 2021-06-25 15:29:49 发布
转载 最新推荐文章于 2021-06-25 15:29:49 发布 · 1.8k 阅读 · 1
文章标签：

#JSP

本文介绍了一种常见的B/S系统开发问题：文本域输入的英文内容在展示时未正确换行，导致页面布局混乱。通过在显示文本域信息的TD标签中加入特定样式属性，可以有效解决这一问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

经常开发B/S结构的系统的程序员可能会遇到这样一种情况：在输入表单中有文本域，当你在文本域中输入英文提交保存，再点击查看信息页面时，你会发现文本域的数据没有换行，结果使你的页面变的非常的难看。要解决这样的问题只要你在显示文本域信息的哪个td中加上
style="WORD-break: break-all;">就OK了。例如：

<td style="WORD-break: break-all;">
《React-Native系列》10、 RN组件之Text和TextInput以及注意要点
等待就是浪费青春
08-11 1万+
今天把写的RN程序从iOS上迁移到Android上，发现了一些问题，主要涉及到Text和TextInput这两个组件，所以用一节来专门记录下来。 Text组件 我们先来看官网给的例子： renderText: function() { return ( {this.state.titleText + '\n\n'}
软件测试笔记（十）- 本地化测试
冲鸭^
08-25 992
了解如何测试为其他国家和语言编写的软件。 参考文献 《软件测试（原书第2版）》 《软件测试的艺术（原书第3 版）》
textarea标签内容为（英文或数字不自动换行）的解决方法
qq_33625873的博客
10-03 1607
textarea 显示一串英文时不会发生换行。 以下是两种解决方法： 1、限制textarea的大小 width 设置为 00px （不要设置为00%） cols 设置为 30+ （也有类似效果） 2、设置css word-break:break-all; word-wrap:break-word; 强制换行，以单词为分解。 word-break:break-all; 强制换行 以最后一个单词...
在uni-app的textarea中输入纯数字或者英文不换行的问题
LJJ_3的博客
06-29 2307
在uni-app的textarea中输入纯数字或者英文不换行的问题 在工作中遇到的小问题，使用uni-app的textarea，输入了一串纯数字不换行。 解决办法： 在样式中加 word-break:break-all word-wrap:break-word 完美解决！ ...
解决页面表格中长英文字符串不能自动换行的问题
慵懒一夏的博客
11-02 6046
有时候页面表格中内容太多，无奈怎么设置样式都调整不了，我只在表格内容全是英文的时候发现有这个问题，可以尝试通过下面的方法解决。 英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行.汉字就没有这种情况. 在中加入 style="word-wrap:break-word;word-break:break-all;" 或 style="word-wrap:bre
van-field文本域微信小程序无法使用
03-15
### 微信小程序 van-field 文本域使用问题解决方案 在微信小程序开发中，`van-field` 是 Vant WeApp 组件库提供的一种常用表单组件。当 `type="textarea"` 时，可能会遇到一些常见的兼容性和功能限制问题。以下是...
jeecgboot a-textarea 获取换行
03-18
- 用户在文本域中输入的回车换行符会以 `\n` 形式存储在字符串中 - 例如：输入： ```text 第一行 第二行 ``` 实际存储值为 `"第一行\n第二行"` --- ### **2. 后端数据保存** - 确保后端接口接收字符串时不...
《软件测试》第十章 外国语言测试
qq_45580956的博客
06-25 619
《软件测试》第十章 外国语言测试10.0 前言10.1 使文字和图片有意义10.2 翻译问题10.2.1 文本扩展10.2.2 ASCII、DBCS和Unicode10.2.3 热键和快捷键10.2.4 扩展字符10.2.5 字符计算10.2.6 从左向右和从右向左读10.2.7 图形中的文字10.2.8 让文本与代码脱离10.3 本地化问题10.3.1 内容10.3.2 数据格式10.4 配置和兼容性问题10.4.1 国外平台配置10.4.2 数据兼容性10.5 测试量有多大 10.0 前言 本章讲述如何
div和textarea中英文和数字不换行解决方案
k_t_feng的专栏
05-19 1965
设置div的css： word-wrap:break-word;word-break:break-all;    解释： word-wrap:break-word;  强制换行  以单词为分解      word-break:break-all;  强制换行   以最后一个单词，会强制拆分单词
textarea文本不换行的问题
一个慢的博客
03-22 1万+
textarea里的文本手动加了换行在div里展示的时候还是成一行显示，有两种解决办法 第一种：比较麻烦 但也能实现 利用js正则 &lt;body&gt; &lt;textarea name="" id="txt" cols="30" rows="10"&gt;&lt;/textarea&gt; &lt;input type="button" i
关于解决在textarea输入连续输入数字和字母不换行以及在显示连续的数字和字母不换行的问题
qq_41422946的博客
09-23 2740
前段时间在做一个评论功能的时候，测试人员告诉我在文本域连续输入数字或者是字母不会换行，在评论展示区也是一样的，我就纳闷了。这给用户的体验很不好，解决方案就是在对应的样式区加上 word-break:break-all; word-wrap:break-word; 打断单词，并且允许换行； 至于数字不换行的原因可能是数字也会被当成字母连在一起。 刚刚有看到别的博主写的更具体的解释，大家可以...
批处理文件中输入换行
热门推荐
hdikdfdkfdl的专栏
08-22 1万+
在很多运行程序中，需要换行符已进行下一步运算。因此，批处理中的换行很重要。下面是一些操作方法。 echo.>filename.bat 或 echo\>filename.bat 功能产生一个空行回车 注意事项：echo与.之间不能留有空格，否则将显示Echo开启状态。 .与>之间也没能留有空格，否则将产生空格输入文件。 每一个echo string》file.txt将自动产生回车换行。
html 英文不自动换行问题
Android_jiang的博客
09-21 4795
在标签中添加样式：word-break:break-all;
解决textarea不会自动换行的问题
菜鸟的天空
10-20 1万+
用html的textarea标签编辑录入数据或文字的时候，
英文字符不换行，汉字可以，你需要这个css样式
走走看看，珍惜每一刻
10-27 2152
今天遇到一个问题，在对话页面，输入aaaaaa…，一直到100（最多100）个字符，发送之后，发现超过了对话框的长度，没有换行，数字也是一样，但是输入100个汉字，就可以自动换行。 在F12里查看对话框的样式，是用white-space: normal来控制换行，默认是normal， 一长串英文字符（中间没空格）不会自动换行，比 如：sssssssssssssssssssss…不能处理自动换...
怎么让elementui文本域不换行
最新发布
06-06
将上述逻辑与 `el-input` 组件结合，确保在文本域中输入时不会出现换行。以下是一个完整的 Vue 示例： ```vue type="textarea" v-model="text" @keydown="listen" placeholder="请输入内容，按回车不会换行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值