很简单的一个属性,我却才知道
当我们页面上的字符串是一个连在一起的字符串,会被默认作为一个单词处理,如果页面上不做控制,很容易顶出我们的布局范围,如下图
我们只需要在控制布局的地方添加下面的属性就阔以控制了
.comments
{
word-break: break-all;
}
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本