CSS还是什么?强制将文本拆分为多行

CSS还是什么?强制将文本拆分为多行,css,html,styling,Css,Html,Styling,当文本达到#div的最大宽度时,强制将其拆分为多行 我该怎么做?因为,如果我尝试输出200个字符的无间距数据,我会得到以下结果: word-break:break-all; 结果1(无间距): 结果2(有一个空格): 预期结果: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

当文本达到
#div
的最大宽度时,强制将其拆分为多行

我该怎么做?因为,如果我尝试输出200个字符的无间距数据,我会得到以下结果:

word-break:break-all;
结果1(无间距):


结果2(有一个空格):


预期结果

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

我需要使用以下工具吗

result+=str.substring(0,200)  "\n";

还是CSS样式

制作一个较小的div并使用CSStext-align:justify和
单词break:break-all


应用
断字:全部断字
将使文本在超出其父级宽度时以任意字符换行,而不需要空格或其他类型的断点。

如接受答案中所述,请使用以下内容:

word-break:break-all;
关于这些的讨论似乎表明 单词break:break all用于要求CJK具有特定行为 (中文、日文和韩文)文本,而wrap:break-word是 更普遍的、不了解CJK的行为。 (信用证:)

分词属性选项():

工作示例:


可以使用
分词
属性来控制文本流。以下值将解决您的问题:
wordbreak:break all


可以在此处找到更多信息:

使用div并设置div的宽度 在CSS文件中

    .respose container:{
width:200
}
然后在html文件中添加

<p div="response container">
if(string.length>limit)
{`return string.substring(0,limit)+'...';`
}
else
{`return string;`
}
</p>

如果(字符串长度>限制) {`返回字符串.子字符串(0,limit)+'…'` } 其他的 {`返回字符串` }


更新后的答案应该是:

溢出换行:断开单词

它将打断一个本身无法放在自己行中的单词,但保留所有其他单词的原样(请参见溢出包装)

您还可以使用:

溢出换行:任意位置
但这将允许在任何单词后换行,以减少元素的宽度。请参见以下与MDN的区别:

[中断字]与anywhere值相同,如果行中没有其他可接受的中断点,通常不可中断字允许在任意点中断,但在计算最小内容内在大小时,不考虑由中断字引入的软包装机会

此外,Internet Explore、Safari和一些移动浏览器不支持
anywhere
,而所有主要浏览器都支持
break word
(请参见[此处][2])

断字:断字
不应再使用,因为它已被弃用,取而代之的是
overflow wrap:break单词。现在,
word break
属性用于在您想要打断单词时使用,而不管它们是否适合自己的行(即OP的第一个示例,带有
word break:break all

与分词相反,如果不能将整个单词放在自己的行中而不溢出,则溢出换行只会创建一个分词


(来自overflow wrap)

感谢您的分享!当然,这是一个更有用的CSS语句。
    .respose container:{
width:200
}
<p div="response container">
if(string.length>limit)
{`return string.substring(0,limit)+'...';`
}
else
{`return string;`
}
</p>