[CSS] 对于一个连在一起很长的字符串,在页面上控制换行

很简单的一个属性,我却才知道

当我们页面上的字符串是一个连在一起的字符串,会被默认作为一个单词处理,如果页面上不做控制,很容易顶出我们的布局范围,如下图

我们只需要在控制布局的地方添加下面的属性就阔以控制了

.comments
{
word-break: break-all;
}


语法:

word-break : normal | break-all | keep-all

参数:

normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行

break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

原文地址:https://www.cnblogs.com/slow/p/2287516.html