[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/archive/2011/12/14/2287516.html