Javascript 在特定长度自动换行字符串
我在前端遇到了一个问题。其中,用户注释一个字符串 “啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊” 没有空间。此问题会导致“我的网站”超出版面中的文本,或在移动浏览器中更糟。Javascript 在特定长度自动换行字符串,javascript,Javascript,我在前端遇到了一个问题。其中,用户注释一个字符串 “啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊” 没有空间。此问题会导致“我的网站”超出版面中的文本,或在移动浏览器中更糟。 因此,我在想,当string.lenght>my.lenght时,是否有办法插入“\n”或。当真的断线时?你可以用CSS更容易地解决这个问题 该属性允许您定义超长单词的显示行为 单击“运行代码段”以查看结果 p{ 背景色:#f0; 填充:10px; 宽度:200px; } p、 未破{ 单词
因此,我在想,当string.lenght>my.lenght时,是否有办法插入“\n”或
。当真的断线时?你可以用CSS更容易地解决这个问题 该属性允许您定义超长单词的显示行为 单击“运行代码段”以查看结果
p{
背景色:#f0;
填充:10px;
宽度:200px;
}
p、 未破{
单词break:打破一切;
}
小心这个很长的词,哇啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊好了,结束了
小心这个很长的词,哇啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊好了,结束了
我想一个快速的解决方案是使用regexp:
//javascript
"12345678".split(/(.{2})/).slice(1, -1).join("<BR>");
//output = 12<BR><BR>34<BR><BR>56<BR><BR>78
//javascript
“12345678”.split(/(.{2})/).slice(1,-1).join(
”);
//输出=12
34
56
78
这里{2}是每次跳转之间的字符数。一个javascript解决方案 小提琴:
var myDiv=document.getElementById('test');
var myString=“waaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa;
如果(myString.length>10){
var指数=0,
长度=myString.length,
区块=10;
对于(;索引<长度;索引+=块){
myDiv.textContent+=myString.slice(索引,索引+块)+“\n”;
}
}
是的,但它是在CSS中实现的,“substr\u replace”功能就是我在js中所说的。。如果js?@FlashProgrammer中有相同的函数,为什么要用javascript来实现呢?无论你想出什么解决方案,都不会自动与你的文本容器一起流动。这就是我要找的:)谢谢兄弟。。5分钟后我将接受这个问题。。非常感谢你,亚辛!干杯!:)嗨,谢谢你的回答,但我正在寻找js代码。。因为在得到json日期之前,我会在不同的部门发布之前,将所有的评论断行。但是,当我实现了那个类并自动打断一个单词时,这个方法非常有效。我不知道你刚才说了什么,但我敢打赌你做错了
var myDiv = document.getElementById('test');
var myString = "WAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1";
if (myString.length > 10) {
var index = 0,
length = myString.length,
chunk = 10;
for (; index < length; index += chunk) {
myDiv.textContent += myString.slice(index, index + chunk) + "\n";
}
}