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>